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

推薦する

js 属性オブジェクトの hasOwnProperty メソッドの使用

オブジェクトの hasOwnProperty() メソッドは、オブジェクトに特定の独自の (継承され...

Windows 10 で MySQL を完全に削除してアンインストールする方法

序文この記事では、Windows 10 システムで MySQL を完全に削除してアンインストールする...

JavaScript クロージャの説明

目次1. クロージャとは何ですか? 2. クロージャの役割2.1) メモリ2.2) プライベート変数...

MySQLからClickHouseに移行する5つの方法

データ移行は、MySQL から ClickHouse にインポートする必要があります。概要プランは以...

MySQL のインデックスと制約の例文

外部キーテーブルの主キーがどのテーブルの外部キーであるかを照会する 選択 テーブル名、 列名、 制約...

一般的な docker コマンドの概要 (推奨)

1. 要約:一般的に、次のカテゴリに分類できます。 Docker 環境情報 — docker [i...

BootStrap グリッド間に隙間を残す解決策

目次[例を見る]: 【本来の効果は以下の通り】理由は次のとおりです。 【解決】:要約するBootSt...

Alibaba Cloud Server Ubuntu 上の Workbench が MySQL に接続できない問題の解決策 (テスト済み)

過去 2 日間、ワークベンチが Alibaba Cloud Server に接続できない問題を解決す...

MySQL 8.0 の非表示インデックスの詳細な説明

言葉MySQL 8.0 は最初のバージョンから 4 年を経てリリースされました。バージョン 8.0 ...

曇り空のアイコン効果を実現する純粋な CSS

効果効果は以下のとおりです​実装のアイデアbox-shadow プロパティを使用して、複数の灰色の円...

Windows 7 で Python 3.4 を使って MySQL データベースを使用する

Python 3.4でMySQLデータベースを使用する詳細なプロセスは次のとおりです。 Window...

mysql 8.0.12 winx64 のダウンロードとインストールのチュートリアル

MySQL 8.0.12のダウンロードとインストールのチュートリアルは参考までに、具体的な内容は次の...

Angularプロジェクトにおける共有モジュールの実装の詳細な説明

目次1. 共有共通モジュール2. 共有マテリアルモジュール3. 共有確認ダイアログ1. 共有共通モジ...

Centos で MySQL パスワードを変更する方法

1. MySQL ログイン設定を変更します。 # vim /etc/my.cnf文を追加: skip...

Alibaba Cloud CentOS7 サーバーの nginx 構成と FAQ の分析

序文:この記事は、jackyzm のブログ https://www.cnblogs.com/jack...