update: 2023.04.10

外观

• Chinese (Simplified)。。。：简体中文语言包
• Atom One Light Theme: 浅色系颜色主题
• Tinacious Design theme：浅色系颜色主题
• vscode-icons：文件图标
• Bracket Pair Colorization Toggler：代码彩虹括号
• Indent-Rainbow：让缩进带有颜色
• Trailing Spaces：颜色凸显多余空格
• Terminal：状态栏上显示 Terminal 启动按钮
• Shortcut Menu Bar：Tab 栏上显示自定义操作按钮
• Better Folding Plus：代码折叠优化
• EditorConfig for VS Code：编辑器代码格式统一配置

功能

• Prettier：代码格式化
• Prettier SQL VSCode：SQL Prettier 美化
• Prettier ESLint：Eslint Prettier 美化
• Live Server：实时刷新的本地静态服务器
• Code Runner：支持多种语言的代码的立即执行
• Polacode 2022：将代码生成漂亮图片
• Import Cost：显示导入包的体积大小
• File Utils：文件操作工具
• filesize：在状态栏显示当前文件的大小
• Comment：代码注释
• Comment Divider：注释分割块
• DotENV：.env 文件语法高亮
• Random Something：中国特色的随机内容生成工具
• Surround：代码片段包裹
• Text Toolbox：文本工具箱
• file-tree-generator：生成项目文件结构
• Turbo Console Log：一键生成 console.log
• Dot Log：通过 xxx.log 生成 console.log('xxx', xxx)
• VS Code Counter：代码行数统计
• 翻译(英汉词典)：不依赖任何在线翻译API，无查询次数限制
• Code Translate：纯粹的滑词翻译软件
• Error Lens：代码错误诊断
• Color Highlight：颜色值显示
• Indenticator：缩进深度显示
• Open In Default Browser：在默认浏览器里打开
• Better Align：内容格式对其
• Cloudmusic：侧边栏管理的网易云音乐

开发工具

• GitLens
• Git History：查看 git 提交记录
• gitignore：.gitignore 语法支持
• ftp-simple：简单的 ftp 工具
• Project Manager：项目管理器
• Fetch Client: Rest Api 测试工具
• HTTP Client：HTTP 请求客户端
• Postman：Postman
• RapidAPI Client：http api 请求访问，在侧边栏有按钮
• REST Client：REST API 请求客户端，在本地 .http 或 .rest 文件里书写请求
• Regex Previewer：正则预览测试
• Apache Conf：Apache 配置文件语法高亮

自动补全、智能提示

• Auto Rename Tag：标签自动重命名
• Auto Close Tag：标签自动闭合
• Auto Import：自动导入
• Auto Import Relative Path：导入文件的相对路径
• Auto Import - ES6, TS, JSX, TSX：自动导入 ES6, TS, JSX, TSX
• Path Intellisense：自动完成路径下的文件名
• Path Autocomplete：路径自动完成
• Copy Relative Path：在侧边栏里自动获取文件的相对路径
• IntelliCode：代码智能提示
• IntelliCode API Usage Examples：代码智能提示
• IntelliCode Completions：代码智能填充补位
• IntelliCode Insiders：代码智能填充补位
• Trae AI：字节跳动代码 AI 工具 Tare AI

图片、markdown

• Image Preview：图片浏览
• Image To Base64：图片转 base64 编码
• TinyPNG：图片压缩
• svg：svg 管理
• Markdown All in One：Markdown 工具集
• Markdown Preview Enhanced：markdown 文件实时预览
• Markdown PDF：转换 markdown 文件为 pdf

HTML and CSS

• HTML CSS Support：HTML、CSS语法支持
• HTML Boilerplate：HTML5 模板
• HTML Class Suggestions：HTML 中的 Class 名称建议
• HTML to CSS autocompletion：HTML 中 CSS 代码自动完成
• CSS Peek：通过 class 名快速定位到对应的 css 代码块
• VSCode CSS Modules：CSS 模块化使用
• CSS Snippets：CSS 代码片段
• CSS Modules：CSS 模块化的代码提示
• CSS Custom Properties：CSS 自定义属性
• CSS Flexbox Cheatsheet：CSS Flex 布局效果演示
• CSS Grid Snippets：CSS Grid 布局代码段
• CSS-in-JS：CSS in JS
• CSS Var Complete：CSS 变量智能提示
• UnoCSS：UnoCSS
• IntelliSense for CSS class names in HTML：在 HTML 中自动匹配 CSS 名称
• Tailwind CSS IntelliSense：Tailwind CSS 智能提示
• Tailwind Snippets：Tailwind 代码片段
• Tailwind Fold：Tailwind 类名折叠
• Beautify css/sass/scss/less：css/sass/scss/less 代码格式化
• Less IntelliSense：Less 智能提示
• Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro
• Better Less：Less 代码高亮
• SCSS IntelliSense：SCSS 智能提示
• Sass (.sass only)：sass 文件高亮、自动提示、格式化
• stylus：stylus 语法支持
• Stylelint：CSS 样式语法纠错

Javascript and Typescript

• JavaScript (ES6) code snippets：JavaScript 代码片段
• JavaScript Snippet Pack：JavaScript 代码片段
• JavaScript and TypeScript Nightly：JavaScript and TypeScript 提示
• JavaScript and TypeScript：当前版本 JavaScript 代码高亮
• TypeScript Toolbox：TypeScript 工具箱
• TypeScript Importer：Typescript 自动导入模块
• StandardJS - JavaScript Standard Style：JavaScript 标准风格
• Babel ES6/ES7：ES6/ES7 代码高亮
• jQuery Code Snippets：jQuery 代码片段
• Lodash Snippets：Lodash 代码片段
• Axios Snippets：Axios 代码片段
• json：json 支持
• JSON Tools：美化、压缩 JSON
• JSON to TS：转换 JSON 为 Typescript 接口
• ESLint：JS 语法纠错
• ESLint Chinese Rules：eslint 中文规则提示
• TSLint Vue：TSLint for Vue
• Document This：自动生成 js、ts 的头代码注释
• Parameter Hint：提供自动参数提示

node

• Search node\_modules：快速查询 node\_moduls 文件夹
• node-snippets：node 代码片段
• Node Require：导入 node 模块或本地文件
• Node.js Modules Intellisense：node 模块智能提示
• Node JSON Autocomplete：node 项目里，自动展示已经导入的 json 数据
• Node Modules：快速删除、查找 node\_modules 项目目录
• NPM：侧边栏出管理 npm
• npm Intellisense：npm 智能提示
• NPM-Scripts：NPM 代码片段
• Express Snippets：Express 代码片段
• Nest-Server-Tools：快速创建 NestJs 模板、目录、文件
• Vscode NestJs Snippets：NestJs 代码片段
• Nest typeorm：快速构建一个 Nest Typeorm 模板
• Version Lens：显示每个引入的依赖包的最新版本
• TypeScript Importer：快速找到声明的类型并自动导入所需要类型
• TypeScript Toolbox：Typescript 优化
• webpack：创建 webpack 配置文件
• TypeScript + Webpack Problem Matchers
• Webpack Snippets：Webpack 代码片段

Vue

• Vue (Official)：Vue 官方插件
• Vue 3 Snippets
• Vue VSCode Snippets
• Vue Peek
• VueDX
• Vue
• Pinia Snippets：Pinia 代码片段
• Vuex Suggest：vuex 代码建议
• Vite：Vite 助手

前端开发框架

• uniapp-snippet：uniapp 代码片段
• Uniapp Enhanced：VSCode 的 Uniapp 片段和验证模式
• 微信小程序开发工具：提供小程序预览、打包上传、代码补全、语法高亮、项目模版等功能
• wechat-snippet：微信小程序代码辅助,代码片段自动完成
• 小程序开发助手

Database

• Database Client：数据库管理客户端
• MySQL Syntax：MySQL 语法高亮
• MySQL Autocomplete: MySQL 语法自动完成
• SQLTools MySQL/MariaDB/TiDB: SQL Tools
• MongoDB for VS Code: MongoDB 数据库支持
• ES7 JavaScript/Node/Mongoose/MongoDB-Mysql snippets
• Auto MongoDB：MongoDB 语法自动完成
• Mongo Snippets for Node-js：node 版的 Mongodb 代码片段

PHP

• PHP：All-in-One PHP support
• PHP Debug：PHP 调试
• PHP IntelliSense：PHP 代码智能提示
• IntelliPHP - AI Autocomplete for PHP：PHP 代码自动完成
• PHP DocBlocker：PHP 代码注释助手
• PHP Namespace Resolver：PHP 命名空间助手