教程开始

第一步，先打开vscode软件，方便快捷的方式就直接使用快捷键ctrl+,（是ctrl加逗号）唤出快速搜索条界面。

l5wdl1op.png

第二步，接下来先设定自动保存文件，搜索框贴入files.autoSave筛出设置项，并把设置项属性选择为onFocuschange。

l5wdl7vu.png

第三步，设定编辑器默认代码格式化（美化）的插件为Prettier，同理在搜索设置框贴入editor.defaultFormatter，将配置项选择为Prettier。

l5wdld2y.png

第四步，设定Prettier插件保存时自动格式化代码，搜索设置项贴入editor.formatOnSave，将如下图所示的选项框打钩即可。

l5wdlo70.png

注意，注意，注意

这样的效果是全局的，会使所有的文件都用这格式化，如果开启了其他项目，容易格式化冲突，
打开你的setting.json,找到刚才的编辑设置，如下

1
"editor.defaultFormatter": "esbenp.prettier-vscode"

修改为

1
2
3
"[vue]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},

这样的话只对vue生效，不会影响其他

作者：哆啦在这A梦在哪
链接：https://www.jianshu.com/p/8a7553db8311
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。