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 里也可以看股票 & 基金实时数据