在VSCode编辑器中将以下代码复制其中既可
1、window电脑:文件 首选项 设置 右上角 打开设置按钮 settings.json中添加
2、mac电脑 code>首选项 >设置
{
"editor.quickSuggestions": {
//开启自动显示建议
"other": true,
"comments": true,
"strings": true
},
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// #每次保存的时候将代码按eslint格式进行修复
//eslint语法要求只能是2个空格。
//以及双引号,末尾分号,这些eslint都不允许。
"eslint.autoFixOnSave": true,
// 添加 vue 支持
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": true,
// #使用带引号替代双引号
"prettier.singleQuote": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"prettier": {
// 格式化不加分号
"semi": false,
// 格式化为单引号
"singleQuote": true
},
"js-beautify-html": {
"wrap_attributes": "force-aligned"
// #vue组件中html代码格式化样式
}
},
// 关闭右侧缩略图
"editor.minimap.enabled": true,
// 标题栏显示完整路径
"window.title": "${dirty}${activeEditorLong}${separator}${rootName}${separator}${appName}",
//这样以上问题都可以解决:空格问题,引号问题,末尾分号问题。
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"explorer.confirmDelete": false,
"files.autoSave": "onFocusChange",
"workbench.startupEditor": "newUntitledFile"
}