只需要vetur和eslint俩插件
setting.json里面添加即可
"terminal.integrated.rendererType": "dom",
"workbench.sideBar.location": "right",
"workbench.colorCustomizations": {
"[Default Light+]": {
"editor.selectionHighlightBackground": "#f5f113",
"editor.selectionBackground": "#f5f113",
"editor.background": "#cce8cf",
"editorGutter.background": "#cce8cf",
"editorCursor.foreground": "#ff0000",
"editor.lineHighlightBorder": "#d3d3d3"
}
},
"editor.tokenColorCustomizations": {
"[Default Light+]": {
"comments": "#519657",
"strings": "#7e3648",
"functions": "#1c7887",
"keywords": "#a207fc",
"variables": "#0720fc",
"numbers": "#e21d1d",
"textMateRules": [
{
"name": "Operator",
"scope": "keyword.operator",
"settings": {
"foreground": "#e21d1d",
"fontStyle": "bold"
}
},
{
"name": "Punctuation",
"scope": "punctuation",
"settings": {
"foreground": "#a207fc",
"fontStyle": "bold"
}
}
]
}
},
"editor.fontWeight": "500",
"editor.fontSize": 18,
"workbench.colorTheme": "Default Light+",
"editor.fontFamily": "Consolas, '微软雅黑', monospace",
"window.zoomLevel": 0,
"workbench.activityBarRight.visible": false,
"workbench.iconTheme": "vscode-icons",
"telemetry.enableUserPrivacyCollectionPrompt": false,
// 上面是绿豆沙设置,下面是ctrl s自动对齐代码设置
"editor.formatOnType": true,
"eslint.options": { //指定vscode的eslint所处理的文件的后缀
"extensions": [
".js",
".vue",
".ts",
".tsx"
]
},
"git.autofetch": true,
"vetur.validation.template": true,
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "prettier",
// #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
}
},
"editor.suggestSelection": "first",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}