1.vscode安装插件
- Prettier - Code formatter
- Prettier ESLint
- Vetur
2. 在vscode 配置文件中修改为
{
"prettier.semi": false, // 分号
"prettier.singleQuote": true, // 单引号
"prettier.trailingComma": "none", // 去掉结尾的逗号
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
"editor.mouseWheelZoom": true,
// "prettier.proseWrap": "never", // 文本换行
// "prettier.endOfLine": "auto",
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatterOptions": {
"prettier": {
"singleQuote": true,
"semi": false,
"trailingComma": "none"
},
"js-beautify-html": {
"wrap_attributes": "auto"
}
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur",
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
}
}
3. 保存即可