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

ブログ    

推薦する

ミニプログラムカスタムタブバーコンポーネントのカプセル化

この記事の例では、ミニプログラムのカスタムタブバーコンポーネントをカプセル化するための具体的なコード...

iframe なしの div ネスト HTML

最近、宿題をしているときに、iframe を使用せずにページをネストする必要があったため、jquer...

CSS を使用して複数列の等高レイアウトを設定する方法の例

最初は、複数の列のコンテンツのサイズと高さが異なります。ここで、表示する背景を異なるものに設定し、各...

MySQL の時間設定に関する考慮事項の詳細な要約

時間は本当に存在するのでしょうか?時間は人間が考え出した概念に過ぎず、物事の変化を測る基準に過ぎない...

ネイティブ js が携帯電話のプルダウン更新を模倣

この記事では、携帯電話のプルダウンリフレッシュを模倣したjsの具体的なコードを参考までに共有します。...

Ubuntu16.04にCUDA9.0をインストールするための詳細なチュートリアル

序文:この記事は、CUDA 9.0 をインストールした経験に基づいています。CUDA 9.0 は現在...

Nginx gzip設定について

nginx がリソース圧縮を実現する原理は、ngx_http_gzip_module モジュールを介...

よく使うLinuxコマンドのまとめ

私は2年間運用保守に携わり、多くのコマンドを使用しました。特定のLinuxコマンドを習得すると、どれ...

CSS ロリポップを描くサンプルコード

背景: 毎日少しずつ進歩し、少しずつ積み重ねていけば、どんどん良くなっていきますコード: <!...

Vue+swiperでタイムライン効果を実現

この記事では、タイムライン効果を実現するためのvue+swiperの具体的なコードを参考までに共有し...

Win10 の組み込み Linux システムを使用して Spring Boot プロジェクトを開始する方法

1. Windows10の組み込みLinuxサブシステムをインストールする1.1. Linuxサブシ...

コンテンツ領域の周囲を回転する CSS 動的グラデーション ボーダーの効果 (サンプル コード)

レンダリング ネットで関連情報を調べたところ、現在のダイナミックグラデーションボーダーの実装方法のほ...

winx64 での mysql5.7.19 の基本的なインストール プロセス (詳細)

1. ダウンロード参考: https://www.jb51.net/softs/451120.ht...

MySQL の instr を使用したファジー クエリ メソッドの紹介

MySQL の内部関数instrを使用すると、従来の like クエリ メソッドを置き換えることがで...

MySQLはデータベースのN+1クエリ問題を解決します

導入HibernateやMyBatisなどのORMフレームワークでは、部門に関連付けられたユーザーオ...