html

  • Auto Close Tag：html标签自动闭合
  • Auto Rename Tag：html标签开头和结尾同时修改
  • Auto Complete Tag：结合了：Auto Close Tag和Auto Rename Tag的功能
  • open in browser：右击文件可以直接打开浏览器

Javascript

  • JavaScript (ES6) code snippets：es6的代码片段
  • jsdoc：选中一个函数的参数, ctrl+shift+p 后输入 gen jsdoc 并选择 gen jsdoc 命令, 即可生成 jsdoc 风格的函数注释
  • npm：使用command+shift+p 快速调用npm script
  • npm Intellisense：使用require()导入模块代码时，npm Intellisense组件会自发进行包提示

Vue

  • Vetur：vue代码提示
  • Vue 3 Snippets：vue3的代码提示
  • wpy-beautify：vue代码格式化插件

Nodejs

  • eggjs：eggjs官方插件
  • Vscode NestJs Snippets：nestjs代码提示

Reactjs

  • Simple React Snippets：react代码提示

Git

  • Git History：vscode git客户端
  • Gitconfig Syntax：语法高亮显示.gitconfig，.gitattributes以及.gitmodules文件。
  • GitLens：可以在编辑代码时，在代码的右侧默认显示最后一次提交信息

微信小程序

  • minaapp：微信小程序代码智能补全

代码格式化

  • Beautify css/sass/scss/less：美化css、less、sass的格式。
  • Code Spell Checker：能够帮助我们检查单词拼写是否出现错误，检查的规则遵循 camelCase （驼峰拼写法）。
  • EditorConfig：和Prettier一样，都是用来配置格式化你的代码的，这个格式化代码，要和你lint配置相符！否则会出现你格式化代码以后，却不能通过你的代码校验工具的检验
  • vscode-stylelint：样式格式检查

基本功能增强

  • Remote-Containers：vscode远程连接服务器进行开发
  • vscode-icons：漂亮的vscode文件图标
  • TODO Highlight：todo、fixme代码高亮
  • Path Intellisense：Path Intellisense组件增加了对文件路径和名称的自动补全功能，以此来降低手工输入从而减少引入与路径相关的bug。
  • Image Preview：代码中图片地址左侧显示它的缩略图
  • Bookmarks：对文件做书签管理
  • Chinese (Simplified) Language Pack：vscode中文语言包

其它

  • evermonkey：vscode使用印象笔记
  • flomo：在vscode里写flomo
  • LeetCode：vscode力扣插件
  • 韭菜盒子：VSCode 里也可以看股票 & 基金实时数据