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

401 阅读1分钟

工具篇

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

一. 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               -----买三送一, 搭个图标包