现在最新版本的vscode已经不需要额外配置这三个语言本身了。已经默认支持很多功能。
IntelliJ IDEA Keybindings快捷键插件
习惯用idea的快捷键，根据需要来。这个插件可以将快捷键设置为idea默认的快捷键。
live server或者live preview的安装
live preview是微软自己出的热更新插件。内置的浏览器反应非常的快。而且还有调试功能。但调试功能好像有bug,非常的难用。
live server是比较早的并且是下载量最多的热更新插件。之前已经不更新了，最近又开始更新了。也是非常的好用。
open in brower插件
这个插件非常重要。安装完后右键就可以在外部浏览器跑代码来。内置浏览器功能有限。
颜色插件Color Highlight
这个还是很有必要的，可以快速识别rbg颜色。
html标签前后不能同时修改
默认情况下，修改html标签开头，结尾的标签是不会跟着变化的。只需要到setting设置下面的功能就可以了。
log的问题
在js里面输入log的时候，是可以快速生成下面这个代码的。
console.log();
但存在一个问题，当第二次输入log的时候，会出现两个log选项。前面有abc标识的是因为你输了log这个单词，他自动帮你记录并且提示了。默认情况下。有abc标识的是排在前面的，这不是我们想要的，我们需要是下图这个顺序。
这时候需要到设置里面搜索Snippet Suggestions，把下面的选项改为top就可以了。
html script标签不提示type的问题
这个其实不算什么问题。确实是不能提示的。但我们不写type也是可以用。js默认的type就是text/javascript
主题
主要包括编辑器主题和图标。我只用一个主题和两个图标。
主题用的是Palenight Theme。使用第一个样式，也就是安装完成后的默认样式。默认样式已经非常的好看了。非常的鲜艳大气。我自己做了修改满足个人需求。
配置文件地址为：
C:\Users\Administrator\.vscode\extensions\whizkydee.material-palenight-theme-2.0.2\themes
默认样式是palenight.json这个文件。这是我修改后的配置，做一下保存。
修改说明：
这两个值是没什么用的
"terminal.ansiRed": "#ff5572",
"terminal.ansiBrightRed": "#ff5572",
修改html tag的颜色，只需要找到这个颜色的html tag的位置 可以使用这个颜色 #f6e58d 浅黄色
true/false的颜色是可以单独设置的默认颜色是#ff5874 和上面的红色是不一样的 推荐橙色 #f78c6c
null的颜色是可以单独设置的 推荐橙色 #f78c6c
变量的颜色是可以单独设置的 推荐橙色 #f78c6c
{
"name": "Palenight Theme",
"author": "Olaolu Olawuyi",
"maintainers": ["Olaolu Olawuyi <[email protected]>"],
"type": "dark",
"semanticClass": "palenight",
"colors": {
"contrastActiveBorder": null,
"contrastBorder": "#282B3C",
"focusBorder": "#282B3C",
"foreground": "#ffffff",
"widget.shadow": "#232635",
"selection.background": "#7580B850",
"descriptionForeground": null,
"errorForeground": "#EF5350",
"button.background": "#7e57c2cc",
"button.foreground": "#ffffffcc",
"button.hoverBackground": "#7e57c2",
"dropdown.background": "#292D3E",
"dropdown.border": "#7e57c2",
"dropdown.foreground": "#ffffffcc",
"input.background": "#313850",
"input.border": "#7e57c2",
"input.foreground": "#ffffffcc",
"input.placeholderForeground": "#ffffffcc",
"inputOption.activeBorder": "#ffffffcc",
"inputValidation.errorBackground": "#ef5350f2",
"inputValidation.errorBorder": "#EF5350",
"inputValidation.infoBackground": "#64b5f6f2",
"inputValidation.infoBorder": "#64B5F6",
"inputValidation.warningBackground": "#ffca28f2",
"inputValidation.warningBorder": "#FFCA28",
"scrollbar.shadow": "#292D3E00",
"scrollbarSlider.activeBackground": "#694CA4cc",
"scrollbarSlider.background": "#694CA466",
"scrollbarSlider.hoverBackground": "#694CA4cc",
"badge.background": "#7e57c2",
"badge.foreground": "#ffffff",
"progress.background": "#7e57c2",
"list.activeSelectionBackground": "#7e57c2",
"list.activeSelectionForeground": "#ffffff",
"list.dropBackground": "#2E3245",
"list.focusBackground": "#0000002e",
"list.focusForeground": "#ffffff",
"list.highlightForeground": "#ffffff",
"list.hoverBackground": "#0000001a",
"list.hoverForeground": "#ffffff",
"list.inactiveSelectionBackground": "#929ac90d",
"list.inactiveSelectionForeground": "#929ac9",
"activityBar.background": "#282C3D",
"activityBar.dropBackground": "#7e57c2e3",
"activityBar.foreground": "#eeffff",
"activityBar.border": "#282C3D",
"activityBarBadge.background": "#7e57c2",
"activityBarBadge.foreground": "#ffffff",
"sideBar.background": "#292D3E",
"sideBar.foreground": "#6C739A",
"sideBar.border": "#282B3C",
"sideBarTitle.foreground": "#eeffff",
"sideBarSectionHeader.background": "#292D3E",
"sideBarSectionHeader.foreground": "#eeffff",
"editorGroup.background": "#32374C",
"editorGroup.border": "#2E3245",
"editorGroup.dropBackground": "#7e57c273",
"editorGroupHeader.noTabsBackground": "#32374C",
"editorGroupHeader.tabsBackground": "#31364a",
"editorGroupHeader.tabsBorder": "#262A39",
"tab.activeBackground": "#292D3E",
"tab.activeForeground": "#eeffff",
"tab.border": "#272B3B",
"tab.activeBorder": "#262A39",
"tab.unfocusedActiveBorder": "#262A39",
"tab.inactiveBackground": "#31364A",
"tab.inactiveForeground": "#929ac9",
"tab.unfocusedActiveForeground": null,
"tab.unfocusedInactiveForeground": null,
"editor.background": "#292D3E",
"editor.foreground": "#BFC7D5",
"editorLineNumber.foreground": "#4c5374",
"editorLineNumber.activeForeground": "#eeffff",
"editorCursor.foreground": "#7e57c2",
"editorCursor.background": null,
"editor.selectionBackground": "#7580B850",
"editor.selectionHighlightBackground": "#383D51",
"editor.inactiveSelectionBackground": "#7e57c25a",
"editor.wordHighlightBackground": "#32374D",
"editor.wordHighlightStrongBackground": "#2E3250",
"editor.findMatchBackground": "#7e57c25a",
"editor.findMatchHighlightBackground": "#2E3248",
"editor.findRangeHighlightBackground": null,
"editor.hoverHighlightBackground": "#7e57c25a",
"editor.lineHighlightBackground": "#0003",
"editor.lineHighlightBorder": null,
"editorLink.activeForeground": null,
"editor.rangeHighlightBackground": "#7e57c25a",
"editorWhitespace.foreground": null,
"editorIndentGuide.background": "#4E557980",
"editorRuler.foreground": null,
"editorCodeLens.foreground": "#FFCA28",
"editorBracketMatch.background": null,
"editorBracketMatch.border": null,
"editorOverviewRuler.currentContentForeground": "#7e57c2",
"editorOverviewRuler.incomingContentForeground": "#7e57c2",
"editorOverviewRuler.commonContentForeground": "#7e57c2",
"editorError.foreground": "#EF5350",
"editorError.border": null,
"editorWarning.foreground": "#FFCA28",
"editorWarning.border": null,
"editorGutter.background": null,
"editorGutter.modifiedBackground": "#e2b93d",
"editorGutter.addedBackground": "#9CCC65",
"editorGutter.deletedBackground": "#EF5350",
"diffEditor.insertedTextBackground": "#99b76d23",
"diffEditor.removedTextBackground": "#ef535033",
"editorWidget.background": "#31364a",
"editorWidget.border": null,
"editorSuggestWidget.background": "#2C3043",
"editorSuggestWidget.border": "#2B2F40",
"editorSuggestWidget.foreground": "#bfc7d5",
"editorSuggestWidget.highlightForeground": "#ffffff",
"editorSuggestWidget.selectedBackground": "#7e57c2",
"editorHoverWidget.background": "#292D3E",
"editorHoverWidget.border": "#7e57c2",
"debugExceptionWidget.background": "#292D3E",
"debugExceptionWidget.border": "#7e57c2",
"editorMarkerNavigation.background": "#31364a",
"editorMarkerNavigationError.background": "#EF5350",
"editorMarkerNavigationWarning.background": "#FFCA28",
"peekView.border": "#7e57c2",
"peekViewEditor.background": "#232635",
"peekViewEditor.matchHighlightBackground": "#7e57c25a",
"peekViewResult.background": "#2E3245",
"peekViewResult.fileForeground": "#eeffff",
"peekViewResult.lineForeground": "#eeffff",
"peekViewResult.matchHighlightBackground": "#7e57c25a",
"peekViewResult.selectionBackground": "#2E3250",
"peekViewResult.selectionForeground": "#eeffff",
"peekViewTitle.background": "#292D3E",
"peekViewTitleDescription.foreground": "#697098",
"peekViewTitleLabel.foreground": "#eeffff",
"merge.currentHeaderBackground": "#7e57c25a",
"merge.currentContentBackground": null,
"merge.incomingHeaderBackground": "#7e57c25a",
"merge.incomingContentBackground": null,
"merge.border": null,
"panel.background": "#292D3E",
"panel.border": "#282B3C",
"panelTitle.activeBorder": "#7e57c2",
"panelTitle.activeForeground": "#eeffff",
"panelTitle.inactiveForeground": "#bfc7d580",
"statusBar.background": "#282C3D",
"statusBar.foreground": "#676E95",
"statusBar.border": "#262A39",
"statusBar.debuggingBackground": "#202431",
"statusBar.debuggingForeground": null,
"statusBar.debuggingBorder": "#1F2330",
"statusBar.noFolderForeground": null,
"statusBar.noFolderBackground": "#292D3E",
"statusBar.noFolderBorder": "#25293A",
"statusBarItem.activeBackground": "#202431",
"statusBarItem.hoverBackground": "#202431",
"statusBarItem.prominentBackground": "#202431",
"statusBarItem.prominentHoverBackground": "#202431",
"titleBar.activeBackground": "#292d3e",
"titleBar.activeForeground": "#eeefff",
"titleBar.border": "#30364c",
"titleBar.inactiveBackground": "#30364c",
"titleBar.inactiveForeground": null,
"notifications.background": "#292D3E",
"notifications.foreground": "#ffffffcc",
"notificationLink.foreground": "#80CBC4",
"extensionButton.prominentForeground": "#ffffffcc",
"extensionButton.prominentBackground": "#7e57c2cc",
"extensionButton.prominentHoverBackground": "#7e57c2",
"pickerGroup.foreground": "#d1aaff",
"pickerGroup.border": "#2E3245",
"terminal.ansiWhite": "#ffffff",
"terminal.ansiBlack": "#676E95",
"terminal.ansiBlue": "#82AAFF",
"terminal.ansiCyan": "#89DDFF",
"terminal.ansiGreen": "#a9c77d",
"terminal.ansiMagenta": "#C792EA",
"terminal.ansiRed": "#ff5572",
"terminal.ansiYellow": "#FFCB6B",
"terminal.ansiBrightWhite": "#ffffff",
"terminal.ansiBrightBlack": "#676E95",
"terminal.ansiBrightBlue": "#82AAFF",
"terminal.ansiBrightCyan": "#89DDFF",
"terminal.ansiBrightGreen": "#C3E88D",
"terminal.ansiBrightMagenta": "#C792EA",
"terminal.ansiBrightRed": "#ff5572",
"terminal.ansiBrightYellow": "#FFCB6B",
"debugToolBar.background": "#292D3E",
"welcomePage.buttonBackground": null,
"welcomePage.buttonHoverBackground": null,
"walkThrough.embeddedEditorBackground": "#232635",
"gitDecoration.modifiedResourceForeground": "#e2c08de6",
"gitDecoration.deletedResourceForeground": "#EF535090",
"gitDecoration.untrackedResourceForeground": "#a9c77dff",
"gitDecoration.ignoredResourceForeground": "#69709890",
"gitDecoration.conflictingResourceForeground": "#FFEB95CC",
"editorActiveLineNumber.foreground": "#eeffff",
"breadcrumb.foreground": "#6c739a",
"breadcrumb.focusForeground": "#bfc7d5",
"breadcrumb.activeSelectionForeground": "#eeffff",
"breadcrumbPicker.background": "#292D3E"
},
"tokenColors": [
{
"name": "Global settings",
"settings": {
"background": "#292D3E",
"foreground": "#bfc7d5"
}
},
{
"name": "Comment",
"scope": "comment",
"settings": {
"foreground": "#697098",
"fontStyle": "italic"
}
},
{
"name": "String",
"scope": "string",
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "String Quoted",
"scope": "string.quoted",
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "String Unquoted",
"scope": "string.unquoted",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Support Constant Math",
"scope": "support.constant.math",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Number",
"scope": ["constant.numeric", "constant.character.numeric"],
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "Built-in constant",
"scope": [
"constant.language",
"punctuation.definition.constant",
"variable.other.constant"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "User-defined constant",
"scope": ["constant.character", "constant.other"],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Constant Character Escape",
"scope": "constant.character.escape",
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "RegExp String",
"scope": ["string.regexp", "string.regexp keyword.other"],
"settings": {
"foreground": "#80CBC4"
}
},
{
"name": "Comma in functions",
"scope": "meta.function punctuation.separator.comma",
"settings": {
"foreground": "#eeffff"
}
},
{
"name": "Variable",
"scope": "variable",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Keyword",
"scope": ["punctuation.accessor", "keyword"],
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Storage",
"scope": [
"storage",
"storage.type",
"meta.var.expr storage.type",
"storage.type.property.js",
"storage.type.property.ts",
"storage.type.property.tsx",
"meta.class meta.method.declaration meta.var.expr storage.type.js"
],
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Class name",
"scope": ["entity.name.class", "meta.class entity.name.type.class"],
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Inherited class",
"scope": "entity.other.inherited-class",
"settings": {
"foreground": "#a9c77d"
}
},
{
"name": "Function name",
"scope": "entity.name.function",
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Function Parameters",
"scope": "variable.parameter",
"settings": {
"foreground": "#7986E7"
}
},
{
"name": "Meta Tag",
"scope": ["punctuation.definition.tag", "meta.tag"],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "HTML Tag names",
"scope": [
"entity.name.tag support.class.component",
"meta.tag.other.html",
"meta.tag.other.js",
"meta.tag.other.tsx",
"entity.name.tag.tsx",
"entity.name.tag.js",
"entity.name.tag",
"meta.tag.js",
"meta.tag.tsx",
"meta.tag.html"
],
"settings": {
"foreground": "#f6e58d"
}
},
{
"name": "Tag attribute",
"scope": "entity.other.attribute-name",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Entity Name Tag Custom",
"scope": "entity.name.tag.custom",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Library (function & constant)",
"scope": ["support.function", "support.constant"],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Support Constant Property Value meta",
"scope": "support.constant.meta.property-value",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Library class/type",
"scope": ["support.type", "support.class"],
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Support Variable DOM",
"scope": "support.variable.dom",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Invalid",
"scope": "invalid",
"settings": {
"background": "#ff2c83",
"foreground": "#ffffff"
}
},
{
"name": "Invalid deprecated",
"scope": "invalid.deprecated",
"settings": {
"foreground": "#ffffff",
"background": "#d3423e"
}
},
{
"name": "Keyword Operator",
"scope": "keyword.operator",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Keyword Operator Relational",
"scope": "keyword.operator.relational",
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Keyword Operator Assignment",
"scope": "keyword.operator.assignment",
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Double-Slashed Comment",
"scope": "comment.line.double-slash",
"settings": {
"foreground": "#697098"
}
},
{
"name": "Object",
"scope": "object",
"settings": {
"foreground": "#cdebf7"
}
},
{
"name": "Null",
"scope": "constant.language.null",
"settings": {
"foreground": "#f78c6c"
}
},
{
"name": "Meta Brace",
"scope": "meta.brace",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Meta Delimiter Period",
"scope": "meta.delimiter.period",
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Punctuation Definition String",
"scope": "punctuation.definition.string",
"settings": {
"foreground": "#d9f5dd"
}
},
{
"name": "Boolean",
"scope": "constant.language.boolean",
"settings": {
"foreground": "#f78c6c"
}
},
{
"name": "Object Comma",
"scope": "object.comma",
"settings": {
"foreground": "#ffffff"
}
},
{
"name": "Variable Parameter Function",
"scope": "variable.parameter.function",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Support Type Property Name & entity name tags",
"scope": [
"support.type.vendored.property-name",
"support.constant.vendored.property-value",
"support.type.property-name",
"meta.property-list entity.name.tag"
],
"settings": {
"foreground": "#42a5f5"
}
},
{
"name": "Entity Name tag reference in stylesheets",
"scope": "meta.property-list entity.name.tag.reference",
"settings": {
"foreground": "#ff5572"
}
},
{
"name": "Constant Other Color RGB Value Punctuation Definition Constant",
"scope": "constant.other.color.rgb-value punctuation.definition.constant",
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "Constant Other Color",
"scope": "constant.other.color",
"settings": {
"foreground": "#FFEB95"
}
},
{
"name": "Keyword Other Unit",
"scope": "keyword.other.unit",
"settings": {
"foreground": "#FFEB95"
}
},
{
"name": "Meta Selector",
"scope": "meta.selector",
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Entity Other Attribute Name Id",
"scope": "entity.other.attribute-name.id",
"settings": {
"foreground": "#FAD430"
}
},
{
"name": "Meta Property Name",
"scope": "meta.property-name",
"settings": {
"foreground": "#80CBC4"
}
},
{
"name": "Doctypes",
"scope": ["entity.name.tag.doctype", "meta.tag.sgml.doctype"],
"settings": {
"foreground": "#c792ea",
"fontStyle": "italic"
}
},
{
"name": "Punctuation Definition Parameters",
"scope": "punctuation.definition.parameters",
"settings": {
"foreground": "#d9f5dd"
}
},
{
"name": "Keyword Control Operator",
"scope": "keyword.control.operator",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Keyword Operator Logical",
"scope": "keyword.operator.logical",
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Variable Instances",
"scope": [
"variable.instance",
"variable.other.instance",
"variable.reaedwrite.instance",
"variable.other.readwrite.instance"
],
"settings": {
"foreground": "#ff5572"
}
},
{
"name": "Variable Property Other",
"scope": ["variable.other.property", "variable.other.object.property"],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Entity Name Function",
"scope": "entity.name.function",
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Keyword Operator Comparison",
"scope": "keyword.operator.comparison",
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Support Constant, `new` keyword, Special Method Keyword",
"scope": [
"support.constant",
"keyword.other.special-method",
"keyword.other.new"
],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Support Function",
"scope": "support.function",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Invalid Broken",
"scope": "invalid.broken",
"settings": {
"foreground": "#020e14",
"background": "#F78C6C"
}
},
{
"name": "Invalid Unimplemented",
"scope": "invalid.unimplemented",
"settings": {
"background": "#8BD649",
"foreground": "#ffffff"
}
},
{
"name": "Invalid Illegal",
"scope": "invalid.illegal",
"settings": {
"foreground": "#ffffff",
"background": "#ec5f67"
}
},
{
"name": "Language Variable",
"scope": "variable.language",
"settings": {
"foreground": "#f78c6c"
}
},
{
"name": "Support Variable Property",
"scope": "support.variable.property",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Variable Function",
"scope": "variable.function",
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Variable Interpolation",
"scope": "variable.interpolation",
"settings": {
"foreground": "#ec5f67"
}
},
{
"name": "Meta Function Call",
"scope": "meta.function-call",
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Punctuation Section Embedded",
"scope": "punctuation.section.embedded",
"settings": {
"foreground": "#d3423e"
}
},
{
"name": "Punctuation Tweaks",
"scope": [
"punctuation.terminator.expression",
"punctuation.definition.arguments",
"punctuation.definition.array",
"punctuation.section.array",
"meta.array"
],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "More Punctuation Tweaks",
"scope": [
"punctuation.definition.list.begin",
"punctuation.definition.list.end",
"punctuation.separator.arguments",
"punctuation.definition.list"
],
"settings": {
"foreground": "#d9f5dd"
}
},
{
"name": "Template Strings",
"scope": "string.template meta.template.expression",
"settings": {
"foreground": "#d3423e"
}
},
{
"name": "Backtics(``) in Template Strings",
"scope": "string.template punctuation.definition.string",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Italics",
"scope": "italic",
"settings": {
"foreground": "#c792ea",
"fontStyle": "italic"
}
},
{
"name": "Bold",
"scope": "bold",
"settings": {
"foreground": "#ffcb6b",
"fontStyle": "bold"
}
},
{
"name": "Quote",
"scope": "quote",
"settings": {
"foreground": "#697098",
"fontStyle": "italic"
}
},
{
"name": "Raw Code",
"scope": "raw",
"settings": {
"foreground": "#42a5f5"
}
},
{
"name": "CoffeScript Variable Assignment",
"scope": "variable.assignment.coffee",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "CoffeScript Parameter Function",
"scope": "variable.parameter.function.coffee",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "CoffeeScript Assignments",
"scope": "variable.assignment.coffee",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "C# Readwrite Variables",
"scope": "variable.other.readwrite.cs",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "C# Classes & Storage types",
"scope": ["entity.name.type.class.cs", "storage.type.cs"],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "C# Namespaces",
"scope": "entity.name.type.namespace.cs",
"settings": {
"foreground": "#B2CCD6"
}
},
{
"name": "Tag names in Stylesheets",
"scope": [
"entity.name.tag.css",
"entity.name.tag.less",
"entity.name.tag.custom.css"
],
"settings": {
"foreground": "#c3e88d"
}
},
{
"name": "Wildcard(*) selector in Stylesheets",
"scope": [
"entity.name.tag.wildcard.css",
"entity.name.tag.wildcard.less",
"entity.name.tag.wildcard.scss",
"entity.name.tag.wildcard.sass"
],
"settings": {
"foreground": "#ff5572"
}
},
{
"name": "(C|SC|SA|LE)SS property value unit",
"scope": [
"keyword.other.unit.css",
"constant.length.units.css",
"keyword.other.unit.less",
"constant.length.units.less",
"keyword.other.unit.scss",
"constant.length.units.scss",
"keyword.other.unit.sass",
"constant.length.units.sass"
],
"settings": {
"foreground": "#FFEB95"
}
},
{
"name": "Attribute Name for CSS",
"scope": "meta.attribute-selector.css entity.other.attribute-name.attribute",
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "punctuations in styled components",
"scope": [
"source.js source.css meta.property-list",
"source.js source.css punctuation.section",
"source.js source.css punctuation.terminator.rule",
"source.js source.css punctuation.definition.entity.end.bracket",
"source.js source.css punctuation.definition.entity.begin.bracket",
"source.js source.css punctuation.separator.key-value",
"source.js source.css punctuation.definition.attribute-selector",
"source.js source.css meta.property-list",
"source.js source.css meta.property-list punctuation.separator.comma",
"source.ts source.css punctuation.section",
"source.ts source.css punctuation.terminator.rule",
"source.ts source.css punctuation.definition.entity.end.bracket",
"source.ts source.css punctuation.definition.entity.begin.bracket",
"source.ts source.css punctuation.separator.key-value",
"source.ts source.css punctuation.definition.attribute-selector",
"source.ts source.css meta.property-list",
"source.ts source.css meta.property-list punctuation.separator.comma"
],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Elixir Classes",
"scope": [
"source.elixir support.type.elixir",
"source.elixir meta.module.elixir entity.name.class.elixir"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Elixir Functions",
"scope": "source.elixir entity.name.function",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Elixir Constants",
"scope": [
"source.elixir constant.other.symbol.elixir",
"source.elixir constant.other.keywords.elixir"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Elixir String Punctuations",
"scope": "source.elixir punctuation.definition.string",
"settings": {
"foreground": "#a9c77d"
}
},
{
"name": "Elixir",
"scope": [
"source.elixir variable.other.readwrite.module.elixir",
"source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir"
],
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Elixir Binary Punctuations",
"scope": "source.elixir .punctuation.binary.elixir",
"settings": {
"foreground": "#c792ea"
}
},
{
"name": "Go Function Calls",
"scope": "source.go meta.function-call.go",
"settings": {
"foreground": "#DDDDDD"
}
},
{
"name": "GraphQL Variables",
"scope": "variable.qraphql",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "ID Attribute Name in HTML",
"scope": "entity.other.attribute-name.id.html",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "HTML Punctuation Definition Tag",
"scope": "punctuation.definition.tag.html",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "HTML Doctype",
"scope": "meta.tag.sgml.doctype.html",
"settings": {
"foreground": "#c792ea",
"fontStyle": "italic"
}
},
{
"name": "JavaScript Classes",
"scope": "meta.class entity.name.type.class.js",
"settings": {
"foreground": "#ffcb8b"
}
},
{
"name": "JavaScript Method Declaration e.g. `constructor`",
"scope": "meta.method.declaration storage.type.js",
"settings": {
"foreground": "#82AAFF",
"fontStyle": "normal"
}
},
{
"name": "JavaScript Terminator",
"scope": "terminator.js",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "JavaScript Meta Punctuation Definition",
"scope": "meta.js punctuation.definition.js",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Entity Names in Code Documentations",
"scope": [
"entity.name.type.instance.jsdoc",
"entity.name.type.instance.phpdoc"
],
"settings": {
"foreground": "#eeffff"
}
},
{
"name": "Other Variables in Code Documentations",
"scope": ["variable.other.jsdoc", "variable.other.phpdoc"],
"settings": {
"foreground": "#78ccf0"
}
},
{
"name": "JavaScript module imports and exports",
"scope": [
"variable.other.meta.import.js",
"meta.import.js variable.other",
"variable.other.meta.export.js",
"meta.export.js variable.other"
],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "JavaScript Variable Parameter Function",
"scope": "variable.parameter.function.js",
"settings": {
"foreground": "#7986E7"
}
},
{
"name": "JavaScript Variable Other ReadWrite",
"scope": "variable.other.readwrite.js",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Text nested in React tags",
"scope": [
"meta.jsx.children",
"meta.jsx.children.js",
"meta.jsx.children.tsx"
],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "JavaScript[React] Variable Other Object",
"scope": [
"variable.other.object.js",
"variable.other.object.jsx",
"meta.object-literal.key.js",
"meta.object-literal.key.jsx",
"variable.object.property.js",
"variable.object.property.jsx"
],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "JavaScript Variables",
"scope": ["variable.js", "variable.other.js"],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "JavaScript Entity Name Type",
"scope": ["entity.name.type.js", "entity.name.type.module.js"],
"settings": {
"foreground": "#ffcb8b"
}
},
{
"name": "JavaScript Support Classes",
"scope": "support.class.js",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "JSON Property Names",
"scope": "support.type.property-name.json",
"settings": {
"foreground": "#C3E88D",
"fontStyle": "normal"
}
},
{
"name": "JSON Support Constants",
"scope": "support.constant.json",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "JSON Property values (string)",
"scope": "meta.structure.dictionary.value.json string.quoted.double",
"settings": {
"foreground": "#80CBC4",
"fontStyle": "normal"
}
},
{
"name": "Strings in JSON values",
"scope": "string.quoted.double.json punctuation.definition.string.json",
"settings": {
"foreground": "#80CBC4",
"fontStyle": "normal"
}
},
{
"name": "Specific JSON Property values like null",
"scope": "meta.structure.dictionary.json meta.structure.dictionary.value constant.language",
"settings": {
"foreground": "#ff5874"
}
},
{
"name": "Ruby Variables",
"scope": "variable.other.ruby",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Ruby Hashkeys",
"scope": "constant.language.symbol.hashkey.ruby",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "LESS Tag names",
"scope": "entity.name.tag.less",
"settings": {
"foreground": "#ff5572"
}
},
{
"name": "Attribute Name for LESS",
"scope": "meta.attribute-selector.less entity.other.attribute-name.attribute",
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "Markup Headings",
"scope": "markup.heading",
"settings": {
"foreground": "#82b1ff"
}
},
{
"name": "Markup Italics",
"scope": "markup.italic",
"settings": {
"foreground": "#c792ea",
"fontStyle": "italic"
}
},
{
"name": "Markup Bold",
"scope": "markup.bold",
"settings": {
"foreground": "#ffcb6b",
"fontStyle": "bold"
}
},
{
"name": "Markup Quote + others",
"scope": "markup.quote",
"settings": {
"foreground": "#697098",
"fontStyle": "italic"
}
},
{
"name": "Markup Raw Code + others",
"scope": "markup.inline.raw",
"settings": {
"foreground": "#80CBC4"
}
},
{
"name": "Markup Links",
"scope": ["markup.underline.link", "markup.underline.link.image"],
"settings": {
"foreground": "#ff869a"
}
},
{
"name": "Markup Attributes",
"scope": ["markup.meta.attribute-list"],
"settings": {
"foreground": "#a9c77d"
}
},
{
"name": "Markup Admonitions",
"scope": "markup.admonition",
"settings": {
"fontStyle": "bold"
}
},
{
"name": "Markup Lists",
"scope": "markup.list.bullet",
"settings": {
"foreground": "#D9F5DD"
}
},
{
"name": "Markup Superscript and Subscript",
"scope": ["markup.superscript", "markup.subscript"],
"settings": {
"fontStyle": "italic"
}
},
{
"name": "Markdown Link Title and Description",
"scope": [
"string.other.link.title.markdown",
"string.other.link.description.markdown"
],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Markdown Punctuation",
"scope": [
"punctuation.definition.string.markdown",
"punctuation.definition.string.begin.markdown",
"punctuation.definition.string.end.markdown",
"meta.link.inline.markdown punctuation.definition.string"
],
"settings": {
"foreground": "#82b1ff"
}
},
{
"name": "Markdown MetaData Punctuation",
"scope": ["punctuation.definition.metadata.markdown"],
"settings": {
"foreground": "#ff5572"
}
},
{
"name": "Markdown List Punctuation",
"scope": ["beginning.punctuation.definition.list.markdown"],
"settings": {
"foreground": "#82b1ff"
}
},
{
"name": "Asciidoc Function",
"scope": "entity.name.function.asciidoc",
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "PHP Variables",
"scope": "variable.other.php",
"settings": {
"foreground": "#bec5d4"
}
},
{
"name": "Support Classes in PHP",
"scope": "support.class.php",
"settings": {
"foreground": "#ffcb8b"
}
},
{
"name": "Punctuations in PHP function calls",
"scope": "meta.function-call.php punctuation",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "PHP Global Variables",
"scope": "variable.other.global.php",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Declaration Punctuation in PHP Global Variables",
"scope": "variable.other.global.php punctuation.definition.variable",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Language Constants in Python",
"scope": "constant.language.python",
"settings": {
"foreground": "#ff5874"
}
},
{
"name": "Python Function Parameter and Arguments",
"scope": [
"variable.parameter.function.python",
"meta.function-call.arguments.python"
],
"settings": {
"foreground": "#7986E7"
}
},
{
"name": "Python Function Call",
"scope": [
"meta.function-call.python",
"meta.function-call.generic.python"
],
"settings": {
"foreground": "#B2CCD6"
}
},
{
"name": "Punctuations in Python",
"scope": "punctuation.python",
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "Decorator Functions in Python",
"scope": "entity.name.function.decorator.python",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "Python Language Variable",
"scope": "source.python variable.language.special",
"settings": {
"foreground": "#8EACE3"
}
},
{
"name": "SCSS Variable",
"scope": [
"variable.scss",
"variable.sass",
"variable.parameter.url.scss",
"variable.parameter.url.sass"
],
"settings": {
"foreground": "#DDDDDD"
}
},
{
"name": "Variables in SASS At-Rules",
"scope": [
"source.css.scss meta.at-rule variable",
"source.css.sass meta.at-rule variable"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Variables in SASS At-Rules",
"scope": [
"source.css.scss meta.at-rule variable",
"source.css.sass meta.at-rule variable"
],
"settings": {
"foreground": "#bec5d4"
}
},
{
"name": "Attribute Name for SASS",
"scope": [
"meta.attribute-selector.scss entity.other.attribute-name.attribute",
"meta.attribute-selector.sass entity.other.attribute-name.attribute"
],
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "Tag names in SASS",
"scope": ["entity.name.tag.scss", "entity.name.tag.sass"],
"settings": {
"foreground": "#ff5572"
}
},
{
"name": "TypeScript[React] Variables and Object Properties",
"scope": [
"variable.other.readwrite.alias.ts",
"variable.other.readwrite.alias.tsx",
"variable.other.readwrite.ts",
"variable.other.readwrite.tsx",
"variable.other.object.ts",
"variable.other.object.tsx",
"variable.object.property.ts",
"variable.object.property.tsx",
"variable.other.ts",
"variable.other.tsx",
"variable.tsx",
"variable.ts"
],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "TypeScript[React] Entity Name Types",
"scope": ["entity.name.type.ts", "entity.name.type.tsx"],
"settings": {
"foreground": "#78ccf0"
}
},
{
"name": "TypeScript[React] Node Classes",
"scope": ["support.class.node.ts", "support.class.node.tsx"],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "TypeScript[React] Entity Name Types as Parameters",
"scope": [
"meta.type.parameters.ts entity.name.type",
"meta.type.parameters.tsx entity.name.type"
],
"settings": {
"foreground": "#eeffff"
}
},
{
"name": "TypeScript[React] Import/Export Punctuations",
"scope": [
"meta.import.ts punctuation.definition.block",
"meta.import.tsx punctuation.definition.block",
"meta.export.ts punctuation.definition.block",
"meta.export.tsx punctuation.definition.block"
],
"settings": {
"foreground": "#bfc7d5"
}
},
{
"name": "TypeScript[React] Punctuation Decorators",
"scope": [
"meta.decorator punctuation.decorator.ts",
"meta.decorator punctuation.decorator.tsx"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "TypeScript[React] Punctuation Decorators",
"scope": "meta.tag.js meta.jsx.children.tsx",
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "YAML Entity Name Tags",
"scope": "entity.name.tag.yaml",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "handlebars variables",
"scope": "variable.parameter.handlebars",
"settings": {
"foreground": "#bec5d4"
}
},
{
"name": "handlebars parameters",
"scope": "entity.other.attribute-name.handlebars variable.parameter.handlebars",
"settings": {
"foreground": "#ffcb6b"
}
},
{
"name": "handlebars enitity attribute names",
"scope": "entity.other.attribute-name.handlebars",
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "handlebars enitity attribute values",
"scope": "entity.other.attribute-value.handlebars variable.parameter.handlebars",
"settings": {
"foreground": "#7986E7"
}
},
{
"name": "normalize font style of certain components",
"scope": [
"meta.tag.js meta.embedded.expression.js punctuation.section.embedded.begin.js",
"meta.tag.js meta.embedded.expression.js punctuation.section.embedded.end.js",
"meta.property-list.css meta.property-value.css variable.other.less",
"punctuation.section.embedded.begin.js.jsx",
"punctuation.section.embedded.end.js.jsx",
"meta.property-list.scss variable.scss",
"meta.property-list.sass variable.sass",
"keyword.operator.logical",
"keyword.operator.arithmetic",
"keyword.operator.bitwise",
"keyword.operator.increment",
"keyword.operator.ternary",
"keyword.operator.comparison",
"keyword.operator.assignment",
"keyword.operator.operator",
"keyword.operator.or.regexp",
"keyword.operator.expression.in",
"keyword.operator.type",
"punctuation.section.embedded.js",
"punctuation.definintion.string",
"punctuation"
],
"settings": {
"fontStyle": "normal"
}
}
]
}
图标使用的是VSCode Great Icons。非常的霸气。还有一个是jb的图标JetBrains IDEA Icons，也是不错的。