Vscode — 插件和配置

插件

一、Chinese（中文<简体>语言包）

二、Open in Browser（用浏览器打开html文件）

三、Live Server（通过服务的方式打开html文件）

四、vscode-icons（文件图标）

五、Community Material Theme（主题）

六、Bracket Pair Colorizer（括号高亮）

七、any-rule（正则）

八、Vetur（vue 语法高亮，格式化文档，代码提示）

九、Draw.io Integration（画流程图，文件后缀为.drawio）

配置

{
	// 自动保存
	"files.autoSave": "off",

	/* 换行符 (LF: \n), (CRLF: \r\n) */
	"files.eol": "\n",

	// 缩进为 tab
	"editor.insertSpaces": false,
	// 缩进大小
	"editor.tabSize": 4,

	// 代码颜色配置
	"editor.tokenColorCustomizations": {
		"comments": "#82e0aa",		// 注释
		"keywords": "#0a0",			// 关键字
		"variables": "#f9723d",		// 变量名
		"strings": "#e2d75dbd",		// 字符串
		"functions": "#5b99fcc9",	// 函数名
		"numbers": "#AE81FF",		// 数字
	},
	// 代码选中高亮配置
	"workbench.colorCustomizations": {
		"editor.selectionBackground": "#894276"
	},

	/* 
	背景图片设置 
	注意：1、使用此配置必须安装插件：background
		 2、修改完配置，重启后生效
	*/
	"background.useDefault": false, //是否使用默认图片
	"background.customImages": [
		"file://E:/images/2.jpg"
	],
	"background.style": {
		"content": "''",
		"pointer-events": "none",
		"position": "absolute",
		"z-index": "99999",
		"width": "100%",
		"height": "100%",
		"background-position": "center",
		"background-repeat": "no-repeat",
		"background-size": "100%,100%",
		"opacity": 0.3
	},

	/* 
	打字特效设置
	注意：使用此配置必须安装插件：Power Mode
	*/
	"powermode.enabled": true,		// 是否开启
	"powermode.enableShake": false,	// 是否抖动
	"powermode.presets": "flames",	// 动画效果
	// flames, particles, fireworks, magic, clippy, simple-rift, exploding-rift
}