VS Code使用指南(不定期更新)

工具篇

有道是工欲善其事必先利其器, 或许这就是一个工具人的觉悟吧!

一. Html&Css&Js相关

1. Auto Rename  Tag                   -----尾标签自动
2. Color  Highlight                       -----Css色值高亮
3. Html Css Support                    -----语法提示
4. JavaScript(ES6) code snippets -----ES6语法提示
5. ESlint                                        -----JS语法规范
6. var-translate                            -----语言翻译为英文的变量名(快捷键shift+alt+t)

二. 辅助工具相关

1. Prettier                                     -----代码格式化工具
2. Bracket Pair Colorizer              -----括号高亮, 更好地区分边界
3. Chinese(Simplified)                  -----简体中文语言包
4. GitLens                                     -----强大的git拓展工具, 妈妈再也不用担心被人甩锅了
5. indent-rainbow                        -----彩虹缩进, 方便对齐
6. Live Server                               -----开启本地服务 
7. open in browser                      -----快速打开默认浏览器(快捷键alt+b)
8. Path Intellisense                      -----智能路径补全提示(example: '/' , './ ', '../')

三. Vue相关

1. Vetur                                       -----主推vue插件

2. Vue 2 Sinppets                        -----Vue2语法提示

3. Axios Snippets                        -----Axios代码补全提示

4. vue-helper                              -----定义跳转, 组件提示

四.主题相关

1. Dracula Official                       -----吸血鬼主题, 推荐较多

2. Monokai Pro                           -----比起自带的Monokai主题舒服点, 推荐

3. Dark+                                      -----使用过众多主题后,你也许会觉得默认主题特别顺眼

4. Material Icon Theme               -----买三送一, 搭个图标包