使用vscode，新建vue模板

Step1:

Ctrl+Shift+P打开命令行

step2:

输入vue(此步骤用于检测本地是否允许添加vue代码片段)

- 如果搜索不到，很不幸，需要先安装一个插件 vueHelper，然后重复此步骤。

-如果可以搜索到，那么粘贴复制以下模板内容保存即可。

setp3:

复制以下代码，并保存重启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",
            "     }\n",
            "   },",
            "   components: {\n",
            "   }",
            " }",
            "</script>\n",
            "<style scoped lang=\"stylus\">\n",
            " ",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}

step4:

使用方法： 新建vue后缀文件，输入vue，按下tab键，OK

缺点是：无法像sublime一样新建一个vue文件就可以自动带上对应的模板。

吐槽一下：webstorm中，中文输入法兼容有问题，据传是Microsoft .NET Framework 4.5.2以上版本的兼容问题，更换多次版本后无法修复。无奈只能换到vscode