vsCodeはワンクリックでvueテンプレートを生成します

vsCodeはワンクリックでvueテンプレートを生成します

1. ショートカットCtrl + Shift + Pを使用してコンソールを呼び出します

2、「スニペット」と入力して選択

2. 次にvueと入力し、

vs code は vue.json ファイルを自動的に生成します。

3. vue.json ファイルを次のテンプレートに変更します (テンプレートの内容は必要に応じて変更できます)

{
      
        「コンソールに印刷」: {
            「プレフィックス」: 「vue」、
            "体": [
                "<テンプレート>",
                " <div">$0</div>",
                "</テンプレート>",
                "",
                "<スクリプト>",
                "エクスポートデフォルト{",
                "コンポーネント: {}",
                " プロパティ: {},",
                " データ() {"、
                " 戻る {"、
                " };",
                " }",,
                "時計: {}、"、
                " 計算: {},",
                " メソッド: {}, ",
                " 作成されました() {},",
                "マウント() {}",
                "};",
                "</script>",
                "<style lang=\"scss\" スコープ>",
                "</style>"
            ]、
            "description": "Vue ファイル テンプレート"
        }
    }

次に、新しい vue ファイルを作成し、「vue」と入力して Enter キーまたは Tab キーを押すと、テンプレートが自動的に生成されます。

これで、vsCode でワンクリックで vue テンプレートを生成する方法についての説明は終わりです。vsCode で vue テンプレートを生成する方法についてさらに詳しく知りたい場合は、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • VSCodeは、ワンクリックで.vueテンプレートを生成するvueプロジェクトを記述し、他のテンプレートを定義する方法を変更します。

<<:  仮想マシンに Linux rhel7.3 オペレーティング システムをインストールする (具体的な手順)

>>:  getdata テーブル テーブル データ 結合 mysql メソッド

推薦する

Linux でバックグラウンド タスクを実行するために nohup と screen を使用する例と違いの簡単な分析

SSH ターミナル (putty、xshell など) を使用して Linux サーバーに接続し、時...

Zabbix は MySQL インスタンス メソッドを監視します

1. 監視計画監視項目を作成する前に、何を監視するのか、どのように監視するのか、監視データをどのよう...

MySQL コマンドライン操作中のエンコードの問題の詳細な説明

1. MySQLデータベースのエンコーディングを確認する mysql -u ユーザー名 -p パスワ...

シンプルなウェブ計算機を実装するJavaScript

背景私は新しいプロジェクト チームに配属されたので、プロジェクトでは js を使用する必要があります...

JavaScript でプライベート メンバーを作成する

目次1. クロージャを使用する2. ES6クラスを使用する3. ES2020提案を使用する4. We...

mysql5.7.19 winx64 解凍版のインストールと設定のチュートリアル

mysql 5.7.19 winx64解凍版のインストールチュートリアルを収録しました。具体的な内容...

MySQL マルチテーブル結合クエリの詳細な説明

目次複数テーブル結合クエリ内部結合左結合右結合サブクエリ要約する複数テーブル結合クエリテーブル間の接...

HTTP サーバーとクライアントのやり取りをシミュレートする Node.js+postman

目次1. NodeがHTTPサーバーを構築する2. HTTPサーバーがリクエストを取得する1. Po...

MySQL 5.7 をインストールした後にコマンドライン ウィンドウを開くとクラッシュする問題の解決方法

序文最近、MySQL 5.7 をインストールしましたが、問題が見つかりました。コマンド ライン ウィ...

複数のネットワークカードを備えた Linux システムでのルーティング構成の詳細な説明

Linux でのルーティング設定コマンド1. ホストルーティングを追加する ルートを追加 -host...

MySQL 完全折りたたみクエリ正規マッチングの詳細な説明

概要前の章では、クエリのフィルター条件について学習しました。MySQL では、like % ワイルド...

MySQLデータベースの追加、削除、変更操作の詳細な説明

データの挿入テーブル名(列名1、列名2、列名3)の値(値1、値2、値3)に挿入します。ユーザーに(u...

JavaScript における継承の 3 つの方法

継承する1. 継承とは何か継承: まず、継承とは関係、つまりクラス間の関係です。JS にはクラスはあ...

js配列のfind、some、filter、reduceの違いの詳細な説明

Array の filter、find、some、reduce メソッドの違いを区別し、使用シナリオ...

Vuex データの永続性を実装するためのアイデアとコード

vuexとはvuex: vue.js専用に開発された状態管理ツールで、すべてのコンポーネントの状態を...