vsCode编辑器个性化设置settings.JSON

{
	"liveServer.settings.donotShowInfoMsg": true,
	"files.autoSave": "onFocusChange",
	"editor.fontSize": 16,
	"editor.lineHeight": 23,
	"editor.TabSize": 2,
	"emmet.variables": {
		"lang": "zh-CN"
	},
	// vscode默认启用了根据文件类型自动设置tabsize的选项
	"editor.detectIndentation": false,
	// 选中高亮的颜色  #2B2E3D
	"workbench.colorCustomizations": {
		// "editor.background": "#333",//设置编辑区的背景颜色
		"editor.foreground": "#bae2f8", //编辑器的前景颜色,HTML标签尖括号，和文字
		// "editor.selectionHighlightBorder": "#94767C00",
		"editor.selectionHighlightBorder": "#f32a52be",
		// "editor.selectionHighlightBackground":"#e44d4d78",
		"editor.selectionHighlightBackground": "#2c426b",
		"editorIndentGuide.activeBackground": "#ff0000", //同对标签，行线提示。
		// "editorBracketMatch.background": "#ca9fdb5e", //匹配一对括号的背景颜色
		"editorBracketMatch.background": "#776d92", //匹配一对括号的背景颜色
		"editorBracketMatch.border": "#ff0000", //匹配一对括号的边框颜色
		// "tab.activeBackground: "#ad9cd4ba",
		"tab.activeBackground": "#5757dd", //头顶选项卡背景颜色，例如上面的settings.json
		"textLink.foreground": "#ff0000", //文本链接中的提示文字，当鼠标放于link链接地址中
		"descriptionForeground": "#ff0000", //标签的提示文字，当鼠标放于link链接地址中
		"selection.background": "#00ff37",
		"textBlockQuote.background": "#ff0000",
		"textSeparator.foreground": "#86c2df"
	},
	"vsicons.dontShowNewVersionMessage": true,
	"px2rem.rootFontSize": 50,
	"less.compile": {
		"out": "../css/"
	},
	"px2rem.autoRemovePrefixZero": false,
	"launch": {},
	// 背景图片部分
	"background.enabled": true, //要启动 把background插件
	"background.useDefault": false, //是否启动默认图片
	"background.customImages": [
		"file:///E:picture/xiaoci_1.png",
		"file:///E:picture/xiaoci_5.png"
	],
	//背景图片样式
	"background.style": {
		"content": "''",
		"pointer-events": "none",
		"position": "absolute",
		"z-index": "99999",
		"width": "100%",
		"height": "100%",
		"background-position": "right bottom",
		"background-repeat": "no-repeat",
		"background-size": "60%",
		"opacity": 0.2
	},
	"json.schemas": [],
	"workbench.startupEditor": "newUntitledFile",
	"oneDarkPro.editorTheme": "oneDarkPro", //设置主题
	// "editor.codeActionsOnSave": null,
	"editor.insertSpaces": false,
	"editor.wordWrap": "on", //是否换行
	// "editor.fontFamily": "Consolas, 'Courier New', monospace", //字体
	// "editor.fontFamily": "Operator Mono ", //字体
	// "editor.fontFamily": "Operator Mono,Dank Mone", //字体
	"editor.fontLigatures": true, //控制是否启用字体连写
	"editor.fontWeight": "300",
	"editor.tokenColorCustomizations": {
		"textMateRules": [
			{
				"name": "Comment", //如果上面的注释不起作用，这里还可以修改 注释的字体样式
				"scope": ["comment"],
				"settings": {
					// "foreground": "#FF0000",
					"fontStyle": ""
				}
			},
			// {
			// 	"name": "[VSCODE-CUSTOM] PHP Punctuation Variable Definition",
			// 	"scope":"punctuation.definition.variable.php",
			// 	"settings": {
			// 		"foreground": "#FF0000",
			// 		"fontStyle": "bold"
			// 	}
			// }
			// { //html括号的颜色
			// 	"name": "HTML:Tags",
			// 	"scope":[
			// 		"meta.tag",
			// 		"punctuation.definition.tag.html",
			// 		"punctuation.definition.tag.begin.html",
			// 		"punctuation.definition.tag.end.html",
			// 	],
			// 	"settings": {
			// 		"foreground": "#FF0000",
			// 		"fontStyle": ""
			// 	}
			// },
			{
				// 设置html标签的字体的颜色
				"name": "HTML：Tags Names",
				"scope": "entity.name.tag",
				"settings": {
					// "foreground": "#a01cb8", //#F286C4
					"foreground": "#f085e7",
					"fontStyle": ""
				}
			},
			{
				//修改 html标签属性的字体颜色
				"name": "HTML：Attribute Names",
				"scope": [
					"meta.tag entity.other.attribute-name",
					"entity.other.attribute-name.html"
				],
				"settings": {
					// "foreground": "#ff4242",
					"foreground": "#4aff77", //例如class
					"fontStyle": "italic"
				}
			}
			// // 9月20日添加
			// {
			// 	"name": "italic font",
			// 	"scope": [
			// 		"comment",
			// 		"keyword",
			// 		"storage",
			// 		"keyword.control.import",
			// 		"keyword.control.default",
			// 		"keyword.control.from",
			// 		"keyword.operator.new",
			// 		"keyword.control.export",
			// 		"keyword.control.flow",
			// 		"storage.type.class",
			// 		"storage.type.function",
			// 		"storage.type",
			// 		"storage.type.class",
			// 		"variable.language",
			// 		"variable.language.super",
			// 		"variable.language.this",
			// 		"meta.class",
			// 		"meta.var.expr",
			// 		"constant.language.null",
			// 		"support.type.primitive",
			// 		"entity.name.method.js",
			// 		"entity.other.attribute-name",
			// 		"punctuation.definition.comment",
			// 		"text.html.basic entity.other.attribute-name.html",
			// 		"text.html.basic entity.other.attribute-name",
			// 		"tag.decorator.js entity.name.tag.js",
			// 		"tag.decorator.js punctuation.definition.tag.js",
			// 		"source.js constant.other.object.key.js string.unquoted.label.js"
			// 	],
			// 	"settings": {
			// 		"fontStyle": ""
			// 	}
			// }
		],
		// "comments": "#aaa4a6", // 注释颜色
		"comments": "#da8484", // 注释颜色
		// "comments": "#45a1bd", // 注释颜色
		// "comments": "#8abaca", // 注释颜色
		// "comments": "#00f", // 注释颜色
		// "comments": "#CA8378", // 注释颜色
		// "comments": "#7bb881",
		"keywords": "#ff4d91", //关键字颜色
		"variables": "#ffff00", //变量名颜色
		"strings": "#e1f594", //字符串颜色#D68E36
		// "functions": "#67D07F",
		"functions": "#00ff3c", //函数名颜色
		// "functions": "#54af5d",
		"numbers": "#03b6ad", //数字颜色
		// "numbers": "#234893", //数字颜色
		// "punctuations": "#f00",
		// "charaters": "#f00",
		// "operators": "#f00",
		// "parameters": "#f00",
		// "types": "#f00",
		"symbolIcon.numberForeground": "#f00"
	},
	"workbench.tree.indent": 10,
	//html默认格式化插件
	"[html]": {
		// "editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter",
		"editor.defaultFormatter": "HookyQR.beautify"
	},
	"workbench.colorTheme": "Monokai",
	//js默认格式化插件
	"[javascript]": {
		// "editor.defaultFormatter": "HookyQR.beautify"
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[vue-postcss]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	// "editor.defaultFormatter": "esbenp.prettier-vscode",
	//css默认格式化插件
	"[css]": {
		"editor.defaultFormatter": "aeschli.vscode-css-formatter"
	},
	"explorer.confirmDelete": false,
	"emmet.preferences": {},
	"open-in-browser.default": "Chrome", //设置默认浏览器
	"html.format.contentUnformatted": "pre,code,textarea",
	"workbench.activityBar.visible": true, //控制栏位置 vsCode左侧
	"editor.columnSelection": false,
	"prettier.useTabs": true,
	"eslint.format.enable": true,
	// #每次保存的时候将代码按eslint格式进行修复
	// "editor.codeActionsOnSave": {
	// 	"source.fixAll.eslint": true
	// },
	// "eslint.autoFixOnSave": false,
	// "editor.codeActionsOnSaveTimeout": 5000,
	// 添加 vue 支持
	"eslint.validate": ["javascript", "javascriptreact", "vue"],
	// "eslint.validate": [
	// 	"javascript",
	// 	"javascriptreact",
	// 	{
	// 		"language": "vue",
	// 		"autoFix": true
	// 	}
	// ],
	"vetur.format.options.useTabs": true,
	"vetur.format.scriptInitialIndent": true,
	"html.format.endWithNewline": true,
	"html.format.enable": true,
	"editor.cursorWidth": 2, //光标为 线 时，宽度为多少
	"terminal.integrated.allowMnemonics": true,
	"explorer.confirmDragAndDrop": false,
	// #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F
	"editor.formatOnSave": true,
	"editor.formatOnType": true,
	"[jsonc]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"liveServer.settings.CustomBrowser": "chrome",
	"[json]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"workbench.iconTheme": "vscode-icons",
	"editor.codeActionsOnSave": {},
	"editor.lightbulb.enabled": false,
	// "editor.renameOnType": true,
	"editor.linkedEditins": true,
	"editor.cursorSurroundingLines": 2,
	"editor.suggest.shareSuggestSelections": true,
	"workbench.commandPalette.history": 100,
	"[vue]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"window.enableExperimentalProxyLoginDialog": true,
	"terminal.integrated.fontFamily": "monospace",
	"debug.console.fontSize": 20,
	"editor.wordWrapColumn": 140,
	"html.format.wrapLineLength": 140,
	"terminal.integrated.fontSize": 18,
	"editor.quickSuggestionsDelay": 5,
	"editor.minimap.maxColumn": 160,
	"editor.suggest.showStatusBar": true,
	"terminal.integrated.tabs.enabled": true,
	"security.workspace.trust.untrustedFiles": "open",
	"editor.suggestSelection": "first",
	"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
	"files.exclude": {
		"**/.classpath": true,
		"**/.project": true,
		"**/.settings": true,
		"**/.factorypath": true
	},
	"workbench.tree.renderIndentGuides": "always" //live在默认浏览器中打开
}