VsCode常用插件备注

Art Template Helper：能识别artTemplate模板引擎。使用说明：自动

Atom One Dark Theme：皮肤主题，使用说明：文件--首选项--颜色主题--Atom One Dark

Auto Close Tag：自动添加 HTML/XML 结束标签，使用说明：自动使用

Auto Rename Tag：修改标签对，能在你修改开始（结束）标签的时候修改对应的结束（开始）标签。使用说明：自动

Bookmarks：书签。使用说明：点击

Bracket Pair Colorizer：给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色。使用说明：自动

Chinese (Simplified) Language Pack for Visual Studio Code：汉化

CodeIf：CodeIf 是一个用来给变量命名的网站，这是vscode插件版。使用说明：右键单词，选择CodeIf

CSS Peek：追踪至样式表中 CSS 类和 ids 定义的地方。使用说明：鼠标指向某个class或者id名称按住Ctrl键+鼠标左键可以直接定位到该名称的CSS的位置

DotENV：.env格式配置文件 高亮显示 node php的部分框架都可以用。使用说明：自动使用

Draw.io Integration：类似于思维导图/流程图的插件。使用说明：点击

Easy LESS：支持写less

EditorConfig for VS Code：为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格，需要在项目根目录下添加配置文件.editorconfig，配置如下

# http://editorconfig.org

root = true

[*] # 表示所有文件适用
charset = utf-8 # 设置文件字符集为 utf-8
indent_style = space # 缩进风格（tab | space）
indent_size = 2 # 缩进大小
end_of_line = lf # 控制换行类型(lf | cr | crlf)
trim_trailing_whitespace = true # 去除行首的任意空白字符
insert_final_newline = true # 始终在文件末尾插入一个新行

[*.md] # 表示仅 md 文件适用以下规则
max_line_length = off
trim_trailing_whitespace = false

ESLint：校验js代码规范。使用说明：点击

HTML CSS Support：让 html 标签上写class 智能提示当前项目所支持的样式。使用说明：自动

htmltagwrap：可以在选中HTML标签中外面套一层标签。修改配置：点击。使用说明：选择代码片段，按Alt+W，点击

JavaScript (ES6) code snippets：支持缩写：常用的类声明、ES 模块声明、CMD 模块导入等，支持的缩写不下 20 种。使用说明：点击

Live Serve：这是一个为静态和动态页面启动具有实时重新加载功能的开发本地服务器（代码保存之后，浏览器自动刷新），使用说明：启动--右键Open with Live Server，或右下角Go live

npm Intellisense：NPM 依赖补全，在你引入任何 node_modules 里面的依赖包时提供智能提示和自动完成

open in browser：浏览器打开（可以被Live Server替代）。使用说明：右键--open in browser

Path Intellisense：自动路径补全。使用说明：自动使用

Prettier-Code formatter：格式化js、css代码插件。使用说明：自动使用

Prettier+：配置自动格式化的时候使用

Project Manager：切换项目文件的插件。暂时用不到，未安装。使用说明：点击或者点击

Vetur：格式化 .vue 文件，包括里面的 CSS、JS，至于模板即 HTML 部分，官方维护者说没有比较好的工具支持，默认是不格式化的。使用说明：Alt+Shift+F （格式化全文)，可以设置自动化格式，点击

vscode-icons：文件管理的树目录图标管理。使用说明：文件--首选项--文件图标主题

Vue 3 Snippets：扩展添加vue2和vue3的常用代码块的快捷键。使用说明：点击

Vue VSCode Snippets：快捷生成vue骨架。使用说明：点击

Settings Sync：VsCode同步配置到另一台设备。使用说明：点击