VSCODE常用插件

248 阅读1分钟

一、必备插件

  • Chinese(中文🌈🌈🌈🌈🌈)
  • Settings Sync(配置同步到云端)
  • wakatime(编程时间及行为跟踪统计)

二、效率神器

  • HTML Snippets(代码提示🌈🌈🌈)
  • Auto Close Tag(自动闭合标签)
  • Bracket Pair Colorizer(括号做颜色区分🌈🌈)
  • Browser Preview(VSCode里面打开浏览器)
  • REST Client(接口调试)
  • CSS Peek(css样式查看器)
  • Partial Diff(文件比较)
  • Npm Intellisense(自动完成导入语句中的npm模块)
  • open in browser(快速打开html文件到浏览器预览)
  • Path Intellisense(快速引入文件)
  • Image preview(预览图片)

三、Git集成

  • GitHub Pull requests( 查看和管理GitHub拉取请求和问题)
  • Git Graph(Git 图形化显示和操作)
  • GitLens(快速查看更改行或代码块的对象)
  • GitHistory(可查看和搜索git日志以及图形和详细信息)

四、美化

  • vscode-icons(漂亮的目录树图标主题)
  • Beautify(右键鼠标一键格式化)
  • Vetur(官方钦定Vue插件🌈🌈🌈🌈🌈)
  • Better Align(代码优雅排版)
  • Better Comments(丰富注释颜色)

五、代码规范

  • change-case(变量命名规范)
  • JavaScript Booster(代码改进)
  • JavaScript (ES6) code snippets(智能提示与快速输入)
  • ESlint(严谨的规范书写🌈🌈🌈🌈)
  • prettier (代码格式化)
  • TSLint(书写规范)
  • Code Spell Checker(拼写检查程序)
  • koroFileHeader(生成文件头部注释和函数注释)

六、装X神器

  • Markdown All in One(书写Markdown)
  • vscode-drawio(画流程图)
  • Polacode-2020(转化成一张逼格满满的图片)
  • Live Share(与他人实时进行协作式编辑和调试)