VSCode插件配置
安装路径提示插件
1.先安这个
2.配置Setting.json
//导入文件时是否携带文件的扩展名
"path-autocomplete.extensionOnImport": true,
//配置@的路径提示
"path-autocomplete.pathMappings": { "@": "${folder}/src"},
安装配置eslint
Vue2.0-27.eslint - 配置默认格式化文档的方式_哔哩哔哩_bilibili
P170-P171集
注:
- p171 集
没有 .prettier文件的资料解决办法:
自己建一个,写上以下代码就好了
{"semi": false, "singleQuote": true, "printWidth": 300}
- Setting.json的配置
// prettier 配置路径
"prettier.configPath": "C:\\Users\\Administrator\\.prettierrc",
"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"
}
},
//ESLint插件的位置
"editor.codeActionsOnSave": {
"source.fixAll": true,
},
- eslintrc.js的配置
安装 配置ctrl+鼠标左键跳转
安装三个插件:
- vscode-elm-jump:常规的代码跳转定义
- CSS Peek:按ctrl可以跳转css定义
- vue-helper:变量函数跳转定义
(参考:https://blog.csdn.net/Da_Xiong000/article/details/122323001)