1.下载插件
步骤一:
点击右下角齿轮图标->扩展->搜索框中搜索下面三个插件
1、Vetur
2、Prettier-Code form formatter
3、ESLint
步骤二:
找到vscode的菜单栏 文件->首选项->设置(或者直接ctrl+,)->点击右上角json设置添加内容
{
“files.exclude”: {
“/.git": true,
"/.svn”: true,
“/.hg": true,
"/CVS”: true,
“/.DS_Store": true,
"/node_modules”: true,
“**/package-lock.json”: true
},
“vetur.format.defaultFormatter.html”: “js-beautify-html”,
“editor.formatOnSave”: true,
“prettier.semi”: false,
“prettier.singleQuote”: true,
“html.format.endWithNewline”: true,
“eslint.validate”: [
“javascript”,
“javascriptreact”,
“html”,
“vue”,
{
“language”: “html”,
“autoFix”: true
}
],
“editor.minimap.enabled”: false,
“liveServer.settings.donotShowInfoMsg”: true,
“cssrem.rootFontSize”: 64,
“files.associations”: {
“*.wpy”: “vue”
},
“[vue]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode”
}
}
步骤三:
找到项目中的.eslintrc.js文件在rules中加入一下代码 关闭空格以及换行的检测规则
‘no-tabs’: 0,
‘no-mixed-spaces-and-tabs’: 0,
‘indent’: [“off”, “tab”],
‘no-trailing-spaces’: 0,
步骤四:
在项目的根目录中创建文件.prettierrc.json文件并加入代码
{
“singleQuote”: true,
“semi”: false
}