VS Code常用插件

开发辅助插件

# Html标签
Auto Close Tag
Auto Rename Tag

# Css 颜色展示
Bracket Pair Colorizer 2
Color Highlight

# Css Html 类名提示
IntelliSense for CSS class names in HTML

# Js 代码提示
JavaScript (ES6) code snippets

# Js 代码检查
ESLint

# 生成代码提示
Document This

# google浏览器调试插件
Debugger for Chrome

# 路径提示插件
Path Intellisense

# Vue 语法
Vetur
Vue 2 Snippets

# 调试接口 (直接在 VSCode 中调试)
REST Client

编译器辅助插件

# 简体中文语言插件
Chinese (Simplified) Language Pack for Visual Studio Code

# 直接运行代码文件 或 一段代码
Code Runner

# EditorConfig
EditorConfig for VS Code

# Git 辅助插件 显示提交历史
Git History
Git History Diff

# Markdown 预览美化插件
Markdown Preview Enhanced

# Markdown 文件以 GitHub 样式预览
Markdown Preview Github Styling

# Markdown 编写辅助插件
Markdown All in One

# Markdown 语法检查插件
markdownlint

# 编译器中右键打开浏览器
open in browser

# 文件图标
vscode-icons

# 图解正则运行
RegExp Preview and Editor

# px 转换 rpx/rem
px to rem & rpx

# 代码格式化
Prettier - Code formatter

# 显示 import 的 文件/插件包 大小
Import Cost

# css 增强 跳转到定义
CSS Peek

# 颜色
Bracket Pair Colorizer

# 优化代码注释
Better Comments

# 正则大全
any-rule

# react 开发辅助插件
Simple React Snippets

# 输入代码显示特效
Power Mode

编译器主题

Dracula Official

One Dark Pro

settings.json 配置内容

See More

{
	"workbench.iconTheme": "material-icon-theme",
	"editor.tabSize": 2,
	"editor.fontSize": 16,
	"cssrem.rootFontSize": 200,
	"files.associations": {
		"*.vue": "vue",
		"*.cjson": "jsonc",
		"*.wxss": "css",
		"*.wxs": "javascript",
		"*.js": "javascriptreact"
	},
	"emmet.includeLanguages": {
		"wxml": "html"
	},
	"minapp-vscode.disableAutoConfig": true,
	"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
	"javascript.updateImportsOnFileMove.enabled": "always",
	"editor.insertSpaces": false,
	"editor.maxTokenizationLineLength": 10000,
	"todo-tree.tree.showScanModeButton": false,
	"[typescriptreact]": {
		"editor.defaultFormatter": "vscode.typescript-language-features"
	},
	"editor.formatOnSave": true,
	"editor.detectIndentation": false,
	"eslint.alwaysShowStatus": true,
	"git.confirmSync": false,
	"workbench.startupEditor": "newUntitledFile",
	"markdownlint.config": {
		"MD010": false,
		"MD028": false,
	},
	"prettier.printWidth": 120,
	"editor.wordWrap": "on",
	"debug.javascript.suggestPrettyPrinting": false,
	"xiaoc-vscode.scssVariablePath": "/src/common/style/_variables.scss,/src/common/style/theme.scss",
	"xiaoc-vscode.atomicCssPath": "/src/common/style/base.scss",
	"[html]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[json]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[javascriptreact]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[vue]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"prettier.trailingComma": "none",
	"prettier.semi":false,
	"prettier.jsxSingleQuote": true,
	"prettier.singleQuote": true,
	"editor.codeActionsOnSave": {
    // For ESLint
    "source.fixAll.eslint": true,
    // For TSLint
    "source.fixAll.tslint": true,
    // For Stylelint
    "source.fixAll.stylelint": true
	},
	"[typescript]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"prettier.vueIndentScriptAndStyle": true,
	"rest-client.fontSize": 14,
	"[css]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},

	"code-runner.defaultLanguage": "javascript",
	"todo-tree.general.tags": [
		"BUG",
		"HACK",
		"FIXME",
		"TODO",
		"XXX",
		"[ ]",
		"[x]"
	],
	"todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS)"
}