setting.json
{
"editor.detectIndentation": false,
"files.autoSave": "onWindowChange",
// "eslint.autoFixOnSave": true,
"files.associations": {
"*.vue": "vue"
},
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [
"javascript",
{
"language": "vue",
"autoFix": true
},
"html",
"vue"
],
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
"git.confirmSync": false,
"window.zoomLevel": 0,
"editor.renderWhitespace": "all",
"editor.cursorBlinking": "smooth",
"editor.minimap.enabled": false,
"editor.minimap.renderCharacters": false,
"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
"editor.codeLens": true,
"editor.snippetSuggestions": "top",
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"liveServer.settings.donotShowInfoMsg": true,
"breadcrumbs.enabled": true,
"editor.renderControlCharacters": false,
"workbench.statusBar.visible": true,
"workbench.activityBar.visible": true,
"workbench.iconTheme": "eq-material-theme-icons-darker",
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"editor.formatOnType": true,
"vetur.format.options.tabSize": 4,
"editor.formatOnSave": true,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"launch": {
"configurations": [],
"compounds": []
},
}
安装插件:
1、Bracket Pair Colorizer 2
2、Community Material Theme
3、Debugger for Chrome
4、Git Blame
5、JS JSX Snippets
6、Live Server
7、Material Theme
8、Material Theme Icons
9、Prettier - Code formatter
10、Quokka.js
11、Vetur
12、vscode-icons
13、vscode-styled-jsx