VSCode 生成一套Vue模板

第一步: 新建模板并保存

文件 --> 首选项 --> 用户代码片段 --> 输入vue，选择vue.json

具体操作步骤：

在一个Vue的项目中，反复的新建.vue文件是一个必不可少的工序。本着科技让人偷懒的原则，我们可以利用VSCode的snippet在.vue文件创建后能轻松地生成一套模板。

整个过程是轻松加愉快的，只需几步即可。

具体步骤如下

使用Ctrl + Shift + P召唤出控制台，然后输入snippets(跟着自动提示走就行了）并选择。

接下来输入vue并选择，VSCode会自动生成一个vue.json的文件。这里就是我们要输入模板的地方了。

输入模板，具体格式如下（这是我用的格式，当然也可根据自己的喜好进行修改）

其中$0代表模板生成后，光标停留的位置。

第二步: 添加配置，让vscode允许自定义的代码片段提示出来

文件 --> 首选项 --> 设置 ---> 添加这2项

// Specifies the location of snippets in the suggestion widget

"editor.snippetSuggestions": "top",

// Controls whether format on paste is on or off

"editor.formatOnPaste": true

可以开始愉快地玩耍了