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

推薦する

Centos6.6 で php7 + nginx 環境をインストールする方法

この記事では、centos6.6 で php7 + nginx 環境をインストールする方法について説...

Vue SPA ファースト スクリーン最適化ソリューション

目次序文最適化ソ連オンデマンドインポート1. ルーティングファイルでコンポーネントをオンデマンドでイ...

MySQL 8.0.11 MacOS 10.13 のインストールと設定方法のグラフィックチュートリアル

MacにMySQLデータベースをインストールし、環境変数を設定する手順を参考までに記録します。具体的...

MYSQL SERVER のログファイルを縮小する方法

トランザクション ログには、関連するデータベースに対する操作が記録され、データベースの回復に関連する...

Vueを使用してタイマー機能を実装する

この記事の例では、タイマー機能を実装するためのVueの具体的なコードを参考までに共有しています。具体...

デジタルテーブル特殊効果を実現するネイティブJS

この記事では、ネイティブ JS で実装されたデジタル時計エフェクトを紹介します。エフェクトは次のとお...

Ubuntu MySQL バージョンが 5.7 にアップグレードされました

数日前、図書館はサーバー(Ubuntu 14.04)にセキュリティ上の脆弱性があり、時間通りに修復さ...

HTML ウェブページにおけるさまざまなフォント形式の詳細

このセクションでは、テキストの変更の詳細から始めます。これにより、読者はさまざまな HTML フォン...

CSSスタイルで実現されるHTML背景色のグラデーション効果

エフェクトのスクリーンショット:実装コード:コードをコピーコードは次のとおりです。 <!DOC...

MySQL でのワイルドカードを使用したファジークエリの実装に関する簡単な説明

MySQL データベースでは、あいまいクエリが必要な場合にワイルドカードを使用します。まず、演算子と...

Linux スレッド間の同期と排他制御の知識ポイントのまとめ

スレッドが同時に実行される場合、スレッドがリソースを競合してデータの曖昧さが生じるのを防ぐために、重...

JS の原価と基準価額の問題に関する簡単な分析

プリミティブ値 -> プリミティブ型Number String Boolean undefin...

HTML 選択タグにリンクを追加する 3 つの方法

最初のもの:コードをコピーコードは次のとおりです。 <html> <ヘッド>...

MySQLのorder byとlimitを混在させる際の落とし穴の詳細な説明

MySQL では、ソートには order by を、ページングには limit をよく使用します。最...

Linux インストール Apache サーバー構成プロセス

袋を用意するインストールApacheがすでにインストールされているかどうかを確認するrpm -qa ...