关于使用 VSCode 进行格式化 Vue.js 代码的记录

最近在做一个网站，前端用的是 Element + vue.js，然后编辑器用的是 VSCode。在使用 VSCode 的时候，首先要安装 vetur 插件，但是 vetur 插件格式化代码会有问题，比如 tab 键的空格数量是 4 ，单引号变双引号，语句结束加分号等问题。一开始因为不太熟练，第一次单干前端，就忍着不使用格式化代码，慢慢有功夫了，决定彻底解决格式化的问题。

问题1：格式化后，单引号变双引号，自动加分号的问题

• 首先，找到 VSCode 的设置。

• 然后，在搜索里面搜：vetur.format.defaultFormatter.js，选择 vscode-typescript。

问题2：格式化后，函数名后面加空格问题

• 在搜索里面搜：insertSpaceBeforeFunctionParenthesis，选择 true 或者 打√

参考资料

• 一个假程序媛啊 的 blog
• 设计和编程并走 的 blog