0
点赞
收藏
分享

微信扫一扫

VS Code 全局配置


文章目录

  • ​​1. settings.json​​
  • ​​2. 在项目根目录添加.eslintrc.js​​
  • ​​3. 在项目根目录添加.prettierrc.json​​
1. settings.json

ctrl+shirt+p 搜索​​settings.json​​替换为下面内容即可

{
// 主题颜色 浅色主题
"workbench.colorTheme": "Monokai",
"workbench.iconTheme": "vscode-icons", //图标主题
"git.autofetch": true,
"window.zoomLevel": 0,
"editor.fontSize": 20,
"javascript.updateImportsOnFileMove.enabled": "always",
"editor.detectIndentation": false,
"editor.tabSize": 2, // 重新设定tabsize
"editor.formatOnSave": true, // #每次保存的时候自动格式化
"editor.codeActionsOnSave": { // #每次保存的时候将代码按eslint格式进行修复
"source.fixAll.eslint": true
},
}

2. 在项目根目录添加.eslintrc.js

module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'@vue/standard'
],
parserOptions: {
parser: 'babel-eslint'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
"space-before-function-paren": 0
}
}

注:异常 Missing space before function parentheses
添加"space-before-function-paren": 0 规则解决

3. 在项目根目录添加.prettierrc.json

{
"singleQuote": true,
"semi": false
}

注:保存自动格式化为单引号,去除分好结尾

  • 企业内部全局配置
  • VS Code 全局配置_配置

{
"prettier.semi": true,
"prettier.singleQuote": true,
"vetur.ignoreProjectWarning": true,//配置Vetur插件,忽略提示
// 在方法括号之间插入空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"editor.tabSize": 2,//指定一个tab等于多少个空格,例如此处指定4就像等于4个空格,2就等于两个空格
"editor.detectIndentation": false, //必须指定!!否则指定的tab大小将不起效果
"editor.formatOnSave": true,// 每次保存的时候自动格式化
"editor.formatOnType": true, // 每次保存的时候自动格式化
"editor.codeActionsOnSave": { // #每次保存的时候将代码按eslint格式进行修复
"source.fixAll.eslint": true
},
"workbench.iconTheme": "vscode-icons", //图标主题
"vsicons.dontShowNewVersionMessage": true,//不显示新版本提示信息
"editor.fontSize": 18,//字体大小

// -------------------------Operator Mono字体设置 Start-----------------------------------
"editor.fontFamily": "Operator Mono",
"editor.fontLigatures": true, // 这个控制是否启用字体连字,true启用,false不启用,这里选择启用
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"name": "italic font",
"scope": [
"comment",
"keyword",
"storage",
"keyword.control.import",
"keyword.control.default",
"keyword.control.from",
"keyword.operator.new",
"keyword.control.export",
"keyword.control.flow",
"storage.type.class",
"storage.type.function",
"storage.type",
"storage.type.class",
"variable.language",
"variable.language.super",
"variable.language.this",
"meta.class",
"meta.var.expr",
"constant.language.null",
"support.type.primitive",
"entity.name.method.js",
"entity.other.attribute-name",
"punctuation.definition.comment",
"text.html.basic entity.other.attribute-name.html",
"text.html.basic entity.other.attribute-name",
"tag.decorator.js entity.name.tag.js",
"tag.decorator.js punctuation.definition.tag.js",
"source.js constant.other.object.key.js string.unquoted.label.js",
],
"settings": {
"fontStyle": "italic",
}
},
]
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"tabnine.experimentalAutoImports": true,
"editor.quickSuggestions": {
"strings": true
}
// -------------------------Operator Mono字体设置 End-----------------------------------

}


举报

相关推荐

0 条评论