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 メソッド

推薦する

ウェブページの幅を携帯電話の画面(ビューポート)の幅に自動的に適応させる実装コード

一般的な書き方は次のとおりです。 XML/HTML コードコンテンツをクリップボードにコピー<...

Centos7 システム上の nginx サーバーで Phalcon 環境を構築する方法の詳細な説明

この記事では、centos7 システムの nginx サーバーの下に phalcon 環境を構築する...

docker createコマンドの使用方法

docker create コマンドは、イメージに基づいてコンテナを作成できます。このコマンドの効果...

この記事はJavaScriptの変数とデータ型を理解するのに役立ちます

目次序文:親切なヒント:変数1. 免責事項2. 譲渡3. 2つの小さな文法上の詳細変数の命名規則なぜ...

Reactでのこのリファレンスの詳細な説明

目次原因:以下を実行します: 1. コンストラクター2.レンダリング機能3.bind関数とarrow...

MacOS で Docker を使用して MySQL マスター スレーブ データベースを作成する方法

1. MySQLイメージを取得するターミナルから最新のMySQLイメージを取得するdocker pu...

Vue は、デスクトップから Web ページにファイルをドラッグするためのサンプル コードを実装します (画像/オーディオ/ビデオを表示できます)

効果使用する場合は、コードとスタイルを自分で最適化してください。画像を表示しない/ビデオとオーディオ...

Web プロジェクトでの SQL インジェクションの防止

目次1. SQLインジェクションの概要2. SQLインジェクション攻撃の全体的な考え方SQLインジェ...

Vueはシンプルな計算機能を実装します

この記事では、参考までに、簡単な計算機機能を実現するためのVueの具体的なコードを紹介します。具体的...

DockerにRocketMQをインストールするための実装手順

目次1. 画像を取得する2. ブローカーサーバーを作成する3. ブローカーを作成する4. Rocke...

ECMAScript6 におけるマップマッピングの基本概念と一般的な方法

目次マッピングとは何かオブジェクトとマップの違いマップの共通メソッド宣言と初期化割り当てセットキー値...

JSは星を消すケースを実現する

この記事の例では、星を消すためのJSの具体的なコードを参考までに共有しています。具体的な内容は次のと...

Windows オペレーティング システムでポートの使用状況を照会およびクリアするプログラム

Windowsオペレーティングシステムでは、ポートの占有状況を照会し、ポートの占有状況をクリアするプ...

MySQLチュートリアルではストアドプロシージャを徹底的に理解します

目次1. ストアドプロシージャに関連する概念2. ストアドプロシージャの使用1) ストアドプロシージ...

MySQLでトリガーを作成する方法

この記事の例では、参考のためにMySQLトリガーを作成するための具体的なコードを共有しています。具体...