我的VSC 安装的插件及配置
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