| 插件 | 说明 | 备注 |
|---|---|---|
| Auto Close Tag | 自动添加HTML / XML关闭标签 |
|
| Auto Rename Tag | 自动重命名配对的HTML / XML标签 |
|
| Beautify | 格式化代码 | |
| Bracket Pair Colorizer | 颜色识别匹配括号 |
|
| Code Runner | 非常强大的一款插件，能够运行多种语言的代码片段或代码文件：C，C ++，Java，JavaScript，PHP，Python，Perl，Ruby，Go等等 安装完成后，右上角会出现：▶ |
|
| change-case | 虽然 VSCode 内置了开箱即用的文本转换选项，但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式，包括驼峰命名、下划线分隔命名，snake_case 命名以及 CONST_CAS 命名等 |
|
| Chinese (Simplified) Language Pack for Visual Studio Code | 中文简体语言包 | |
| Color Info | 这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了 |
|
| CSS Peek | 使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码 |
|
| Debugger for Chrome | 前端调试, 查看使用方法 |
|
| ESLint | EsLint可以帮助我们检查Javascript编程时的语法错误。比如：在Javascript应用中，你很难找到你漏泄的变量或者方法。EsLint能够帮助我们分析JS代码，找到bug并确保一定程度的JS语法书写的正确性 | |
| filesize | 在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间 |
|
| Git History | 以图表的形式查看 git 日志 |
|
| GitLens — Git supercharged | 显示文件最近的 commit 和作者，显示当前行 commit 信息 |
|
| HTML Boilerplate | 通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构 |
|
| HTML CSS Support | html 代码自动补全以及 class 智能提示 | |
| HTMLHint | HTML 代码格式检测 |
|
| HTML Snippets | 代码自动填充 |
|
| htmltagwrap | 在选中HTML标签中外面套一层标签 "Alt + W" ("Option + W" for Mac) |
|
| Image Preview | 鼠标移到路径里显示图像预览 |
|
| Indenticator | 突出目前的缩进深度 |
|
| intelliSense for CSS class names in HTML | 把项目中 css 文件里的名称智能提示在 html 中 |
|
| JavaScript (ES6) code snippets | es6代码片段 | |
| Live Server | 浏览器实时刷新 |
|
| Node.js Modules Intellisense | 可以在导入语句中自动完成JavaScript / TypeScript模块 |
|
| npm Intellisense | require 时的包提示 |
|
| Path Intellisense | 路径自动补全 |
|
| Quokka.js | Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈 使用方法: ctrl+shift+p 输入 quokka 选择 new javascript 就可以了 |
|
| Regex Previewer | 这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项 |
|
| SVG Viewer | 此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们。同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项 |
|
| Vetur | Vue 语法高亮显示, 语法错误检查, 代码自动补全 (配合 ESLint 插件效果更佳) |
|
| vscode-fileheader | 顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间 快捷键: Ctrl+Alt+i (默认信息可在 文件→首选项→设置 中修改) |
|
VS Code 必备插件推荐
2018-08-12
4058
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
插件说明备注Auto Close Tag自动添加HTML / XML关闭标签Auto Rename Tag自动重命名配对的HTML / XML标签Beautify格式化代码Brack...
目录
相关文章
|
21天前
|
自然语言处理
API
C++
阿里通义推出SmartVscode插件，自然语言控制VS Code，轻松开发应用，核心技术开源！
SmartVscode插件深度解析：自然语言控制VS Code的革命性工具及其开源框架App-Controller
101
1
1
|
4月前
|
iOS开发
MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题，并提供了一些相关的使用技巧和资源链接。
254
1
1
|
23天前
|
开发工具
C++
git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件：ESLint用于代码质量和风格检查；Prettier自动格式化代码；GitLens增强Git功能；Live Server提供前端实时预览；Docker支持容器管理。
117
2
2
|
2月前
|
自然语言处理
JavaScript
开发者
|
2月前
|
前端开发
JavaScript
编译器
|
4月前
|
前端开发
Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具，并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括：Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag，这些插件能够显著提升开发效率和代码质量。此外，还提供了录制Gif图的工具GifCam。
154
5
5
|
3月前
|
人工智能
C++
开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中，使用Visual Studio Code（VS Code）结合AI插件能显著提升效率。VS Code提供强大的编辑功能，如语法高亮、自动补全和代码格式化；便捷的调试功能，支持多种调试器；以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误，还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server，可根据需求选择合适的工具组合，提高开发效率和代码质量。
147
2
2
|
4月前
|
前端开发
IDE
开发工具
|
4月前
|
JSON
前端开发
JavaScript
|
4月前
热门文章
最新文章
1
VS Code书写vue项目配置 eslint+prettier 统一代码风格
2
Mac 上 iterm2 和 VSCode 终端中的字体设置建议
3
Vscode自动更新失败，显示vscode updates may fail due to anti-virus software的简单易操作的解决方法
4
VS Code英汉词典进化效果演示: 翻译文件所有命名
5
VSCode 中使用 vim 操作
6
使用VScode开发Angular
7
.ts 文件编译成 .js 文件，以及 VSCode 自动编译配置
8
Playwright系列（7）：用VSCode 开始写Playwright 脚本
9
Ubuntu 20.04 右键扩展在vscode中打开
10
阿里云服务器远程配置使用Xshell,Filezilla,Vscode
1
【GitHub】github学生认证，在vscode中使用copilot的教程
877
2
【vscode】在本地加载远端环境并开发
325
3
vscode跟踪vue代码方法
189
4
如何使用vscode启动Flask并实现无公网IP远程访问内网服务
208
5
vscode 使用python无法导入库
188
6
PHP基于B/S版 医院不良事件管理系统源码vscode+laravel8医院如何加强不良事件上报系统的管理 AEMS系统源码
70
7
一个开源轻量级的C#代码格式化工具（支持VS和VS Code）
215
8
【专栏：工具与技巧篇】使用代码编辑器（VS Code/Sublime Text）提升开发效率
316
9
在 VS Code 中使用 OSS 进行 Markdown 文档编写
303
10
VSCode快捷键使用教程：提高编码效率的利器
1090