vscode 插件篇收集

收集了一些VScode插件，方便开发和提高效率

Git

1. Git Blame：在状态栏显示当前行的Git信息
2. Git History(git log)：查看git log(推荐)
3. GitLens：显示文件最近的commit和作者，显示当前行commit信息（推荐）
4. gitignore：.gitignore文件语法

格式化

1. Beautify css/sass/scss/less css/sass/less 格式化
2. Better Align：对齐赋值符号和注释
3. Better Comments: 编写更人性化的注释
4. Bracket Pair Colorizer: 让括号拥有独立的颜色，易于区分。可以配合任意主题使用。
5. Code Spellchecker： 单词拼写检查
6. CodeBing：在VSCode中弹出浏览器并搜索，可编辑搜索引擎
7. Color Highlight：颜色值在代码中高亮显示
8. Document This：注释文档生成
9. Beautify：格式化代码的工具
10. change-case：快速更改当前选择或当前单词的情况(camelCase、CONSTANT_CASE、snake_case等)。
11. Document This： js 的注释模板 （注意：新版的vscode已经原生支持,在function上输入/** tab）
12. Prettier - Code formatter： 格式代码
13. Sort lines: 排序
14. TODO Highlight： TODO高亮显示
15. vscode-fileheader： 顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间

HTML

1. Auto Close Tag: 自动闭合html标签
2. Auto Rename Tag: 修改html标签时，自动修改匹配的标签
3. htmltagwrap：包裹HTML
4. HTML Boilerplate：支持h5的语法
5. Icon Fonts：用于流行的图标字体的小片，如字体，Awesome, ionicon，图标，Octicons，材料设计图标，还有更多!
6. open-in-browser： 浏览器预览

CSS

1. HTML CSS Support：让 html 标签上写class 智能提示当前项目所支持的样式
   新版已经支持scss文件检索
2. Color Info： 提供关于css颜色的快速信息。
3. CSS Modules：用于CSS模块的isual Studio代码扩展
4. CSS Peek： 快速定义到css变量
5. cssrem：一个CSS值转REM的VSCode插件
6. px2rem： px转换成rem

JS相关

1. Auto Close Tag: Typescript自动import提示
2. ESLint：ESLint插件，高亮提示
3. JavaScript (ES6) code snippets： ES6语法代码段
4. Auto Import - ES6, TS, JSX, TSX: 自动导入- ES6, TS, JSX, TSX (VSCode扩展)
5. AutoFileName: 自动补全文件名称
6. Flow Language Support: flow 语法检测
7. jQuery Code Snippets： jq语法支持提示
8. Path Intellisense： 自动路劲补全，默认不带这个功能的，赶紧装