vscodeをインストール1.
官网地址:https://code.visualstudio.com/
2.プラグインの識別文書を、インストールVUE
插件库中搜索Vetur,下图中的第一个,点击安装,安装完成之后点击重新加载
3.新しいコードスニペット
文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定
4.コードを削除しないでください
テンプレート.vueに、独自のスティックを書く5。
1 { 2は、 " コンソールに印刷" :{ 3 " 接頭辞":" VUE " 、 4 " 身体" :[ 5 " <! - $ 1 - > " 、 6 " <テンプレート> " 、 7 " の<divクラス=を'$ 2'> $ 5 '/ DIV> " 8 " </テンプレート> " 9 "" 、 10 " の<script>" 11 " ://ここでは、(コンポーネント、ツールのJS、サードパーティ製のプラグインJS、JSONファイル、画像ファイルなどのような)他のファイルをインポートすることができます「12 」//例:「「コンポーネントパス」 ';からインポート「コンポーネント名を」" 、 13である"" 、 14 " エクスポートデフォルト{ " 、 15 " を使用するには、注入されるべき被験体に導入//インポート・コンポーネント" 、 16 " の構成要素:{}、" 、 17 " データ(){ " 、 18は、" //ここで、データ記憶装置「19 」リターン{ 「20 」 " 、 21 " }; " 、 22 " } " 、 23 " //モニタデータは概念と同様属性" 、 24 " 計算:{} " 、 25 " データ監視中のデータの変更// " 、 26は " ウォッチ:{} " 、 27 " //メソッドのセット" 、 28 " の方法:{ " 、 29 " ' 、 30 " } " 、 31は " -作成(現在のアクセスこのインスタンス)//ライフサイクル" 、 32 「作成(){" 33 " ' 、 34 " } " 、 35 " //ライフサイクル-マウントは(アクセスDOMエレメント)を完了する" 、 36 " (搭載){ " 、 37 [ "" 、 38が" } " 、 39 " beforeCreate(){} //ライフサイクル-作成する前に" 40 " beforeMount(){} //ライフサイクル-ローディング前に" 41 " 更新前-のBeforeUpdate(){} //ライフサイクル」、 42れる「更新(){}、//ライフサイクル-更新後」、 43である " beforeDestroy(){} //ライフサイクル-前破壊する" 、 44れる " -完全な破壊(破壊){} //ライフサイクル" 、 45 " のページがキープアライブを有する場合、活性化(){} //キャッシュ機能、この機能トリガー" 46は" } " 47 " </ SCRIPT> " 48 " <スタイルLANG = 'SCSS'スコープ> " 49 " //インポートURL($ 3)@;公共のCSSクラスに" 50 " $ 4 " 51は" </スタイル>「52 ]、 53 「説明」:「コンソールへのログ出力」 54 } 55 }
6.上記のコード「接頭辞」:「VUE」は、ショートカットキーで、保存した後、ファイル.vueの新しいエンドを試してみてください
输入vue 按键盘的tab就行
注:
直接は自動的にここで行われたファイルを保存することができます。
すべての権利があるようにして追加するための独自のニーズに応じて独自のテンプレートを作成します。