vscode输入vue自动_VSCode - 快速生成vue模版

在项目中遇到的问题，记录下来，方便日后查阅和复习😁

VSCode 代码格式化 快捷键

Shift + Alt + F

复制代码

什么是VSCode？

Visual Studio Code(以下简称VSCode)是一个轻量且强大的代码编辑器，支持Windows，OSX和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，

可通过安装插件来支持C++、C#、Python、PHP等其他语言官网下载地址，对我来说感觉这是前端最好用的编辑器啦，很多插件应有尽有。

接下来就进入到正题了。。。

1、安装一个插件，识别vue文件

插件库中搜索Vetur，点击安装，安装完成之后点击重新加载，即可使用

复制代码

2、新建代码片段

mac的步骤如下，由于我安装了转中文插件，所以接下来会是中文的：

code -> 首选项 -> 用户代码片段 -> (新建代码片段取名vue.json)

新建代码片段这块可以直接往下找就能找到vscode上带的vue.json

复制代码

3、在vue.json里写下自己想要生成的vue模版

{

"Print to console": {

"prefix": "vue",

"body": [