1.自动补全绝对路径(path Autocomplete)
1.首先下载Path Autocomplete插件
2.在setting.json中填写以下配置
// 导入文件时是否携带文件的扩展名
"path-autocomplete.extensionOnImport": true,
// 配置@的路径提示
"path-autocomplete.pathMappings": {
"@": "${folder}/src",
// "@view": "${folder}/src/components"
},
3.注意工作区位置
2.Eslint(Eslint语法检查不符合则报错)
1.下载ESlint插件
2.在setting.json加入以下代码
"editor.codeActionsOnSave": {
"source.fixAll": true
}
3.prettrier(代码格式化,自动格式化为符合Eslint)
1.下载Prettier插件
2.在setting.json添加以下配置
"eslint.alwaysShowStatus": true,
"prettier.trailingComma": "none",
"prettier.semi": false,
// 每行文字个数超出此限制将会被迫换行
"prettier.printWidth": 300,
// 使用单引号替换双引号
"prettier.singleQuote": true,
"prettier.arrowParens": "avoid",
// 设置 .vue 文件中,HTML代码的格式化插件
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.ignoreProjectWarning": true,
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": false
},
"prettier": {
"printWidth": 300,
"trailingComma": "none",
"semi": false,
"singleQuote": true,
"arrowParens": "avoid"
}
},
3.在C盘users文件下的一个用户文件里加入.prettierrc
3.1 这个文件里加入这一行代码(用于设置于eslint代码冲突时,以此文件为准)
{"semi": false, "singleQuote": true, "printWidth": 300}
3.2 然后将以下代码加入配置文件
"prettier.configPath": "C:\\Users\\rui\\.prettierrc"
4.选择格式化文档格式
5.注意给工作区只有你的一个项目根目录