第一步: 新建模板并保存
文件 --> 首選項 --> 用戶代碼片段 --> 輸入vue纲菌，選擇vue.json -->復制 第三步中的模板內(nèi)容中內(nèi)容保存
第二步: 添加配置覆糟，讓vscode允許自定義的代碼片段提示出來
文件 --> 首選項 --> 設置 ---> 添加這2項
{
"editor.snippetSuggestions": "top",
"editor.formatOnPaste": true
}
第三步: 復制以下代碼外驱，保存重啟vscode
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div class="page">\n",
" </div>",
"</template>\n",
"<script type="text/ecmascript-6">",
"export default {",
" data() {",
" return {\n",
" }",
" },",
" components: {\n",
" }",
"}",
"</script>\n",
"<style scoped lang="stylus">",
"</style>",
"$2"
],
"description": "Log output to console"
}
}
第四步:測試是否添加成功
測試方法： 新建vue后綴文件育灸，輸入vue腻窒，按下tab鍵昵宇，OK
缺點是：無法像sublime一樣,新建一個vue文件就可以自動帶上對應的模板。
吐槽一下：webstorm中儿子，中文輸入法兼容有問題瓦哎，據(jù)傳是Microsoft .NET Framework 4.5.2以上版本的兼容問題，更換多次版本后無法修復。無奈只能換到vscode
