vscode中indent-rainbow插件好用的配置。
在.vscode下的settings.json中复制如下代码:
{
"editor.wordWrap": "on",
"indentRainbow.indicatorStyle": "light",
"indentRainbow.lightIndicatorStyleLineWidth": 1,
"indentRainbow.colors": [
"rgba(255,255,64,0.3)",
"rgba(127,255,127,0.3)",
"rgba(255,127,255,0.3)",
"rgba(79,236,236,0.3)"
],
"[dart]": {
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.rulers": [
80
],
"editor.selectionHighlight": false,
"editor.suggestSelection": "first",
"editor.tabCompletion": "onlySnippets",
"editor.wordBasedSuggestions": "off"
},
"workbench.editorAssociations": {
"*.txt": "default"
},
"editor.stickyScroll.enabled": false,
"git.confirmSync": false,
"tabnine.experimentalAutoImports": true,
"emmet.triggerExpansionOnTab": true,
"editor.fontSize": 18,
"editor.tabSize": 2,
"update.showReleaseNotes": false,
"prettier.printWidth": 150,
"workbench.editor.untitled.hint": "hidden",
"prettier.arrowParens": "avoid",
"prettier.vueIndentScriptAndStyle": true,
"terminal.integrated.tabs.enabled": true,
"git.enableSmartCommit": true,
"explorer.confirmDelete": false,
"editor.acceptSuggestionOnEnter": "smart",
"workbench.enableExperiments": false,
"security.workspace.trust.enabled": false,
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src"
},
"prettier.jsxSingleQuote": true,
"prettier.semi": false,
"explorer.compactFolders": false,
"explorer.incrementalNaming": "smart",
"eslint.alwaysShowStatus": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
},
"eslint.useESLintClass": true,
"editor.detectIndentation": false,
"editor.formatOnSave": true,
"eslint.format.enable": true,
"gitlens.advanced.messages": {
"suppressGitMissingWarning": true
},
"editor.suggestSelection": "recentlyUsed",
"editor.minimap.enabled": false,
"editor.unicodeHighlight.allowedCharacters": {
":": true
},
"prettier.singleQuote": true,
"update.enableWindowsBackgroundUpdates": false,
"update.mode": "start",
"editor.suggest.snippetsPreventQuickSuggestions": false,
"editor.guides.bracketPairs": "active",
"workbench.startupEditor": "none",
"eslint.run": "onSave",
"workbench.editor.splitInGroupLayout": "vertical",
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"eslint.probe": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"html",
"vue",
"markdown",
"Vue",
"VUE"
],
"files.associations": {
"*.vue": "vue"
},
}