Skip to content
้กต้ขๅฏผ่ˆช

HBuilderX โ€‹

compiler-node-sass โ€‹

  1. ๆณจๆ„๏ผšๆ›ดๆ–ฐHbuilder X่‡ณๆœ€ๆ–ฐ็‰ˆ
  2. ไฟฎๆ”น onDidSaveExecution: true

theme โ€‹

  • VS Code + JetBrains
json
{
    "editor.colorScheme": "Atom One Dark",
    "editor.contentAssistSelectionMode": "ๆ•ฐๅญ—ๆจกๅผ",
	"editor.fontFamily": "JetBrains Mono",
	"editor.fontFmyCHS": "iPhone ้ป‘ไฝ“",
	"weApp.devTools.path": "E:/ๅพฎไฟกwebๅผ€ๅ‘่€…ๅทฅๅ…ท",
	"terminal.type": "ๅ†…็ฝฎ็ปˆ็ซฏ",
	"editor.fontSize": 16,
	"editor.formatOnSave": true,
	"editor.saveFoldStatus.enabled": true,
	"editor.saveOnFocusLost": true,
	"editor.tokenColorCustomizations": {
		"[Atom One Dark]": {
			"rules": [{
					"name": "Comment",
					"scope": ["comment"],
					"settings": {
						"fontStyle": "italic",
						"foreground": "#5C6370"
					}
				},
				{
					"name": "Conditional Comment Keyword",
					"scope": "comment.conditional.keyword",
					"settings": {
						"foreground": "#C678DD"
					}
				},
				{
					"name": "Conditional Comment Defined",
					"scope": "comment.conditional.define",
					"settings": {
						"fontStyle": "bold",
						"foreground": "#00aaff"
					}
				},
				{
					"name": "Comment Markup Link",
					"scope": ["comment markup.link"],
					"settings": {
						"foreground": "#5C6370"
					}
				},
				{
					"name": "Entity Name Type",
					"scope": ["entity.name.type"],
					"settings": {
						"foreground": "#E5C07B"
					}
				},
				{
					"name": "Entity Other Inherited Class",
					"scope": ["entity.other.inherited-class"],
					"settings": {
						"foreground": "#98C379"
					}
				},
				{
					"name": "Keyword",
					"scope": ["keyword"],
					"settings": {
						"foreground": "#3c54dd"
					}
				},
				{
					"name": "Keyword Control",
					"scope": ["keyword.control"],
					"settings": {
						"foreground": "#da70d6"
					}
				},
				{
					"name": "Keyword Operator",
					"scope": ["keyword.operator"],
					"settings": {
						"foreground": "#d4d4d4"
					}
				},
				{
					"name": "Keyword Other Special Method",
					"scope": ["keyword.other.special-method"],
					"settings": {
						"foreground": "#52ef4f"
					}
				},
				{
					"name": "Storage",
					"scope": ["storage"],
					"settings": {
						"foreground": "#569cd6"
					}
				},
				{
					"name": "Constant",
					"scope": ["constant"],
					"settings": {
						"foreground": "#9cdcfe"
					}
				},
				{
					"name": "Constant Numeric",
					"scope": ["constant.numeric"],
					"settings": {
						"foreground": "#b5cea8"
					}
				},
				{
					"name": "Constant Other Color",
					"scope": ["constant.other.color"],
					"settings": {
						"foreground": "#bfbfc3"
					}
				},
				{
					"name": "Variable",
					"scope": ["variable"],
					"settings": {
						"foreground": "#86c7ff"
					}
				},
				{
					"name": "String",
					"scope": ["string"],
					"settings": {
						"foreground": "#c89e6e"
					}
				},
				{
					"name": "Punctuation Definition Comment",
					"scope": ["punctuation.definition.comment"],
					"settings": {
						"foreground": "#459941"
					}
				},
				{
					"name": "Punctuation Definition Method Parameters,punctuation Definition Function Parameters,punctuation Definition Parameters,punctuation Definition Separator,punctuation Definition Seperator,punctuation Definition Array",
					"scope": [
						"punctuation.definition.method-parameters",
						"punctuation.definition.function-parameters",
						"punctuation.definition.parameters",
						"punctuation.definition.separator",
						"punctuation.definition.seperator",
						"punctuation.definition.array"
					],
					"settings": {
						"foreground": "#da70d6"
					}
				},
				{
					"name": "Support Type",
					"scope": ["support.type"],
					"settings": {
						"foreground": "#1cb7ff"
					}
				},
				{
					"name": "Support Function",
					"scope": ["support.function"],
					"settings": {
						"foreground": "#fbffa1"
					}
				},
				{
					"name": "Entity Name Function",
					"scope": ["entity.name.function"],
					"settings": {
						"foreground": "#dcdcaa"
					}
				},
				{
					"name": "Entity Name Tag",
					"scope": ["entity.name.tag"],
					"settings": {
						"foreground": "#2a9cff"
					}
				},
				{
					"name": "Entity Other Attribute Name",
					"scope": ["entity.other.attribute-name"],
					"settings": {
						"foreground": "#9cdcfe"
					}
				},
				{
					"name": "Meta Method Call,meta Method",
					"scope": ["meta.method-call", "meta.method"],
					"settings": {
						"foreground": "#9cdcfe"
					}
				},
				{
					"name": "Meta Selector",
					"scope": ["meta.selector"],
					"settings": {
						"foreground": "#ffffff"
					}
				},
				{
					"name": "Meta Tag",
					"scope": ["meta.tag"],
					"settings": {
						"foreground": "#858585"
					}
				},
				{
					"name": "Underline",
					"scope": ["underline"],
					"settings": {
						"text-decoration": "underline"
					}
				},
				{
					"name": "Source Gfm Markup",
					"scope": ["source.gfm markup"],
					"settings": {
						"-webkit-font-smoothing": "auto"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] Support Type Property Name",
					"scope": "support.type.property-name",
					"settings": {
						"foreground": "#9cdcfe"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JSON Property Name",
					"scope": "support.type.property-name.json",
					"settings": {
						"foreground": "#85bcff"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JS/TS Punctuation for key-value",
					"scope": [
						"punctuation.separator.key-value.ts",
						"punctuation.separator.key-value.js",
						"punctuation.separator.key-value.tsx"
					],
					"settings": {
						"foreground": "#56B6C2"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JS/TS Embedded Operator",
					"scope": [
						"source.js.embedded.html keyword.operator",
						"source.ts.embedded.html keyword.operator"
					],
					"settings": {
						"foreground": "#56B6C2"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JS/TS Variable Other Readwrite",
					"scope": [
						"variable.other.readwrite.js",
						"variable.other.readwrite.ts",
						"variable.other.readwrite.tsx"
					],
					"settings": {
						"foreground": ""
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JS/TS Braces/Brackets",
					"scope": [
						"meta.brace.round.js",
						"meta.array-binding-pattern-variable.js",
						"meta.brace.square.js",
						"meta.brace.round.ts",
						"meta.array-binding-pattern-variable.ts",
						"meta.brace.square.ts",
						"meta.brace.round.tsx",
						"meta.array-binding-pattern-variable.tsx",
						"meta.brace.square.tsx"
					],
					"settings": {
						"foreground": "#87cefa"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JS/TS Variable Alias",
					"scope": [
						"variable.other.readwrite.alias.js",
						"variable.other.readwrite.alias.ts",
						"variable.other.readwrite.alias.jsx",
						"variable.other.readwrite.alias.tsx"
					],
					"settings": {
						"foreground": "#85bcff"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JS/TS Constants",
					"scope": [
						"variable.other.constant.js",
						"variable.other.constant.ts",
						"variable.other.constant.jsx",
						"variable.other.constant.tsx"
					],
					"settings": {
						"foreground": "#1ea5ff"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JS/TS Object Constants",
					"scope": [
						"variable.other.constant.object.js",
						"variable.other.constant.object.jsx",
						"variable.other.constant.object.ts",
						"variable.other.constant.object.tsx"
					],
					"settings": {
						"foreground": "#24f49e"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] JS/TS In Keyword for Loops",
					"scope": [
						"keyword.operator.expression.in.js",
						"keyword.operator.expression.in.jsx",
						"keyword.operator.expression.in.ts",
						"keyword.operator.expression.in.tsx"
					],
					"settings": {
						"foreground": "#424242"
					}
				},
				{
					"name": "[VSCODE-CUSTOM] Css Support Constant Value",
					"scope": "support.constant.property-value.css",
					"settings": {
						"foreground": "#c89e6e"
					}
				},
				{
					"name": "Text Styling Vue",
					"scope": ["text.html.vue"],
					"settings": {
						"foreground": "#ceced4"
					}
				},
				{
					"name": "Text Styling Vue Comment",
					"scope": ["comment.block"],
					"settings": {
						"foreground": "#59974e"
					}
				},
				{
					"name": "Text Styling Vue Comment Line",
					"scope": ["comment.line.double-slash"],
					"settings": {
						"foreground": "#59974e"
					}
				}
			]
		},
		"[Default]": {}
	},
	"explorer.folder.openExplorerViewOnClick": true,
	"explorer.iconTheme": "hx-file-icons-colorful",
	"files.associations.contextmenu": true,
	"theme-custom.author": "",
	"theme-custom.date": "2022-7-12",
	"theme-custom.name": "",
	"theme-custom.version": "",
	"workbench.colorCustomizations": {
		"[Atom One Dark]": {
			"console.background": "#1E1E1E",
			"editor.background": "#1e1e1e",
			"editor.foldMarker.collapsed.background": "#ff5c33",
			"editorGroup.border": "#333333",
			"editorGroupHeader.tabsBackground": "#252526",
			"editorSuggestWidget.background": "#252526",
			"editorSuggestWidget.border": "#252526",
			"editorSuggestWidget.selectedBackground": "#062f4a",
			"extensionButton.border": "#1E1E1E",
			"extensionButton.prominentBackground": "#1E1E1E",
			"imageview.background": "#1e1e1e",
			"imageview.foreground": "#1e1e1e",
			"inputList.hoverBackground": "#3c3c3c",
			"inputValidation.infoBackground": "#ffffff",
			"list.activeSelectionBackground": "#2a2d2e",
			"list.foreground": "#ffffff",
			"minimap.handle.background": "#1E1E1E",
			"outlineBackground": "#1E1E1E",
			"scrollbarSlider.background": "#09e848",
			"scrollbarSlider.hoverBackground": "#09e848",
			"sideBar.background": "#333333",
			"sideBar.border": "#1e1e1e",
			"statusBar.background": "#007ACC",
			"statusBar.foreground": "#FFFFFF",
			"tab.activeBackground": "#1e1e1e",
			"tab.activeForeground": "#FFFFFF",
			"tab.border": "#2d2d2d",
			"tab.inactiveBackground": "#2d2d2d",
			"tab.inactiveForeground": "#969696",
			"terminal.background": "#1E1E1E",
			"titleBar.activeBackground": "#323233",
			"toolBar.background": "#252526",
			"toolBar.border": "#29293d",
			"toolBar.hoverBackground": "#737373"
		},
		"[Default]": {},
		"[Monokai]": {
			"editor.foreground": "#9cdcfe"
		}
	}
}

Released under the MIT License.