文章目录

1. 下载插件

企业方案 vscode_html


企业方案 vscode_html_02

企业方案 vscode_前端_03

2. 配置

{
"mithrilEmmet.vnodeFactoryFunctionName": "m", // Specifies the name of vnode factory function. E.g. for mithril, use 'm'; for hyperscript, use 'h'.
"mithrilEmmet.outputDefaultTagName": true, //
"emmet.triggerExpansionOnTab": 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, //字体大小
// vetur 自定义配置
"vetur.format.defaultFormatterOptions": {
"prettier": {
"singleQuote": true,
"semi": false,
"trailingComma": "none"
}
},
// -------------------------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
},
"git.confirmSync": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"explorer.confirmDelete": false,
"auto-close-tag.activationOnLanguage": [
"!cwd",
"xml",
"php",
"blade",
"ejs",
"jinja",
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"plaintext",
"markdown",
"vue",
"nvue",
"liquid",
"erb",
"lang-cfml",
"cfml",
"HTML (EEx)",
"HTML (Eex)",
"plist"
],
"files.associations": {
"*.vue": "vue",
"*.nvue": "vue"
},
"vetur.validation.template": false,
"vetur.validation.script": false,
"vetur.validation.style": false
// -------------------------Operator Mono字体设置 End-----------------------------------
}