跳至主要内容

[vscode] Setting 設定筆記

  • "editor.quickSuggestions": false:不要使用建議,VSCode 會自動判斷,如此才會自動在 JSX 中帶出 className 的屬性,否則可能會被 emmet 的建議蓋掉變成 class
{
"breadcrumbs.enabled": true,
"typescript.format.enable": false,
"telemetry.enableCrashReporter": false,
"workbench.startupEditor": "newUntitledFile",
"workbench.settings.editor": "json",
"npm.enableScriptExplorer": true,
"window.zoomLevel": 1,
"editor.multiCursorModifier": "ctrlCmd",
"editor.snippetSuggestions": "top",
"editor.formatOnPaste": false,
"editor.tabSize": 2,
"editor.fontSize": 13,
"editor.renderWhitespace": "all",
"editor.renderIndentGuides": true,
"editor.detectIndentation": false,
"editor.quickSuggestions": false,
"editor.renderControlCharacters": true,
"editor.fontFamily": "'Fira Code'",
"editor.fontLigatures": true,
"editor.minimap.enabled": false,
"editor.minimap.renderCharacters": false,
"extensions.showRecommendationsOnlyOnDemand": true,
"files.autoSave": "off",
"files.trimTrailingWhitespace": true,
"files.insertFinalNewline": true,
"files.exclude": {
"**/.vscode": true,
"**/bower_components": true,
"**/jspm_packages": true,
"**/node_modules": true
},
"terminal.external.osxExec": "iTerm.app",
"terminal.integrated.shell.osx": "zsh",
"terminal.integrated.fontFamily": "Meslo LG M DZ for Powerline",
"terminal.integrated.fontWeightBold": "normal",
// Custom JavaScript Style in VSCode
"javascript.preferences.quoteStyle": "single",
"javascript.format.insertSpaceAfterConstructor": true,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": true,
// Custom VSCode Theme
"workbench.colorCustomizations": {
"terminal.background": "#01212a",
"terminal.foreground": "#839496",
"terminal.ansiBlack": "#003541",
"terminal.ansiWhite": "#eee8d5",
"terminal.ansiRed": "#dc322f",
"terminal.ansiGreen": "#859901",
"terminal.ansiYellow": "#b58901",
"terminal.ansiBlue": "#268bd2",
"terminal.ansiMagenta": "#d33682"
},
// Emmet
"emmet.includeLanguages": {
"javascript": "html",
"vue": "html",
"vue-html": "html",
"erb": "html"
},
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"emmet.triggerExpansionOnTab": true,
"emmet.showSuggestionsAsSnippets": true,
// Prettier
"prettier.singleQuote": true,
// auto rename tag
"auto-rename-tag.activationOnLanguage": [
"html",
"erb"
],
// TODO highlight
"todohighlight.keywords": [
{
"text": "NOTICE:",
"color": "#ffc600",
"backgroundColor": "transparent"
},
{
"text": "binding.pry",
"color": "#ffc600",
"backgroundColor": "#403E4E"
},
{
"text": "debugger;",
"color": "#ffc600",
"backgroundColor": "#403E4E"
},
{
"text": "<%= console %>",
"color": "#ffc600",
"backgroundColor": "#403E4E"
},
{
"text": "<% if false",
"color": "#ffc600",
"backgroundColor": "#403E4E"
},
{
"text": ".inspect",
"color": "#ffc600",
"backgroundColor": "#403E4E"
},
{
"text": "console.info",
"color": "#ffc600",
"backgroundColor": "rgba(64, 62, 78, 0.6)"
},
// {
// "text": "console.log",
// "color": "#ffc600",
// "backgroundColor": "rgba(64, 62, 78, 0.6)"
// },
{
"text": "FEATURE:",
"color": "#FFF",
"backgroundColor": "#A53860"
},
{
"text": "DEPRECATED:",
"color": "#FFF",
"backgroundColor": "#A53860"
},
{
"text": "REMOVE:",
"color": "#DADADA",
"backgroundColor": "rgba(165, 56, 96, 0.5)"
}
],
"todohighlight.include": [
"**/*.erb",
"**/*.rb",
"**/*.js",
"**/*.jsx",
"**/*.html",
"**/*.css",
"**/*.scss"
],
"todohighlight.exclude": [
"**/*.md"
],
"todohighlight.isEnable": false,
// highlight matching tag
"highlight-matching-tag.leftStyle": {
"borderWidth": "1px",
"borderStyle": "solid",
"borderColor": "#808080",
"textDecoration": "underline"
},
"highlight-matching-tag.rightStyle": {
"borderWidth": "1px",
"borderStyle": "solid",
"borderColor": "#808080",
"textDecoration": "underline"
},
// Bracket Pair Colorizer
"bracketPairColorizer.showHorizontalScopeLine": false,
// "bracketPairColorizer.showBracketsInGutter": true,
/**
* Settings Sync
**/
"sync.gist": "ee871928cb7c0d0ba43c679e4a85b359",
"sync.lastUpload": "2018-08-14T06:06:06.453Z",
"sync.autoDownload": false,
"sync.autoUpload": false,
"sync.lastDownload": "",
"sync.forceDownload": false,
"sync.anonymousGist": false,
"sync.host": "",
"sync.pathPrefix": "",
"sync.quietSync": false,
"sync.askGistName": false,
"sync.removeExtensions": true,
"sync.syncExtensions": true,
"files.associations": {
"*.strings": "swift",
"*.erb": "erb"
},
"workbench.editor.showTabs": true,
// gitlens
"gitlens.advanced.messages": {
"suppressShowKeyBindingsNotice": true
},
"gitlens.mode.active": "zen",
}