正文
VSCode VUE常用配置
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
{
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// #每次保存的时候将代码按eslint格式进行修复
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
// 添加 vue 支持
"eslint.validate": [
"javascript",
"javascriptreact",
"vue",
"html",
"wxml",
"typescript",
"typescriptreact"
],
"eslint.options": {
"plugins": ["html"]
},
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用单引号替代双引号
"prettier.singleQuote": true,
"prettier.eslintIntegration": true, // 让prettier使用eslint的代码格式进行校验
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "prettier-eslint",
"vetur.format.defaultFormatter.css": "prettier",
"vetur.format.defaultFormatter.postcss": "prettier",
"vetur.format.defaultFormatter.scss": "prettier",
"vetur.format.defaultFormatter.less": "prettier",
"vetur.format.defaultFormatter.stylus": "stylus-supremacy",
"vetur.format.defaultFormatter.ts": "prettier",
"vetur.format.defaultFormatterOptions": {
// "prettier": {
// "semi": false
// },
"js-beautify-html": {
// html元素行内不换行
"wrap_line_length": 0,
"wrap_attributes": "auto",
"end_with_newline": false
// #vue组件中html代码格式化样式
}
},
"files.associations": {
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript",
".gitmodules": "gitconfig",
"*.vue": "vue",
"*.ts": "typescript"
},
"emmet.includeLanguages": {
"wxml": "html"
},
"editor.suggestSelection": "first",
"explorer.confirmDelete": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"git.autofetch": true,
"liveServer.settings.donotShowInfoMsg": true,
"files.exclude": {
"**/.classpath": true,
"**/.project": true,
"**/.settings": true,
"**/.factorypath": true
},
"editor.wordWrap": "on",
}
