VSCode 常用插件推荐

10月前作者：全栈程序员小黑分类：Toy博客阅读(37) 违法举报

这篇具有很好参考价值的文章主要介绍了VSCode 常用插件推荐。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。

完成前端开发，常见插件介绍：

目录

1、Chinese (Simplified) Language Pack

2、Code Spell Checker

3、HTML CSS Support

4、JavaScript (ES6) code snippets

5、Mithril Emmet

6、Path Intellisense

7、Vue 3 Snippets

8、VueHelper

9、Auto Close Tag

10、Auto Rename Tag

11、Beautify

12、Bracket Pair Colorizer

13、open in browser

14、Vetur

15、File Utils

16、IntelliJ IDEA Keybindings

vscode html插件,开发工具,vscode,vue.js,javascript,前端

1、Chinese (Simplified) Language Pack

适用于 VS Code 的中文（简体）语言包

vscode html插件,开发工具,vscode,vue.js,javascript,前端

2、Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。

vscode html插件,开发工具,vscode,vue.js,javascript,前端

3、HTML CSS Support

在编写样式表的时候，自动补全功能大大缩减了编写时间。

vscode html插件,开发工具,vscode,vue.js,javascript,前端

4、JavaScript (ES6) code snippets

支持ES6语法提示

vscode html插件,开发工具,vscode,vue.js,javascript,前端

5、Mithril Emmet

一个能大幅度提高前端开发效率的一个工具，用于补全代码

vscode html插件,开发工具,vscode,vue.js,javascript,前端

6、Path Intellisense

路径提示插件

vscode html插件,开发工具,vscode,vue.js,javascript,前端

7、Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。

vscode html插件,开发工具,vscode,vue.js,javascript,前端

8、VueHelper

vscode最好的vue代码提示插件，不仅包括了vue2所有api，还含有vue-router2和vuex2的代码

vscode html插件,开发工具,vscode,vue.js,javascript,前端

9、Auto Close Tag

自动闭合HTML/XML标签

vscode html插件,开发工具,vscode,vue.js,javascript,前端

10、Auto Rename Tag

自动完成另一侧标签的同步修改

vscode html插件,开发工具,vscode,vue.js,javascript,前端

11、Beautify

格式化 html ,js,css

vscode html插件,开发工具,vscode,vue.js,javascript,前端

注意：安装过程中, 如果提示是否需要继续安装, 选择 "仍要安装"。

12、Bracket Pair Colorizer

给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

vscode html插件,开发工具,vscode,vue.js,javascript,前端

13、open in browser

vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari

vscode html插件,开发工具,vscode,vue.js,javascript,前端

14、Vetur

Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。

vscode html插件,开发工具,vscode,vue.js,javascript,前端

15、File Utils

File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。

vscode html插件,开发工具,vscode,vue.js,javascript,前端

16、IntelliJ IDEA Keybindings

安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。

vscode html插件,开发工具,vscode,vue.js,javascript,前端文章来源地址https://www.toymoban.com/news/detail-741939.html

到了这里，关于VSCode 常用插件推荐的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vscode开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】

1、当前打开的文件快速在左侧资源树中定位：其实打开了当前的文件已经有在左侧资源树木定位了，只是颜色比较浅 2、打开太多文件的时候，可以关闭 3、设置查看当前类或文件的结构 OUTLINE 相当于idea 查看当前类或接口的结构 Structure 二、查看源码技巧： (1) Ctr+鼠标点击

2024年02月10日
浏览(68)
C/C++开发，关闭vscode中的插件git工具

安装git后，有git配置的路径，vscode会通过git进行检测。关闭vscode中的插件git工具方法如下：

2024年02月11日
浏览(49)
推荐几款可以大幅提高开发效率的vscode插件

1、Vue 2 Snippets 这是一款基于vue2的代码片段提示插件，特别好用，可以有效的提高我们的编码速度。他的能力非常强大，具体还需要我们去看他的文档文档地址，解锁更多能力。 2、Path Autocomplete 这是一款路劲提示插件 vscode自带相对路劲的提示功能，但是不支持绝对路劲和特

2024年02月08日
浏览(63)
Vscode——开发常用插件分享

vscode插件是为了更高效的代码开发，为了美观的代码格式。 1.简体中文语言包插件名称：Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 作用：将VSCode操作界面转换为中文，安装完成，重启VScode即可 2.显示文件图标插件名称：vscode-icons 作用：vscode中的文件管理的树目

2024年02月03日
浏览(40)
VsCode 常用好用插件/配置+开发Vue 必装的插件

1、实时刷新网页的插件：LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari 补充一下：LiveServer 和 open in browser 区别：注意观察浏览器地址栏 open in browser：直接打开HTML文件就是通

2024年02月08日
浏览(49)
【开发必备】推荐几个非常好用的前端VsCode插件，快来看看你都用过哪些？

VSCode是前端开发的武器，下面给大家推荐几个必备的、非常好用的前端VsCode插件 Better Align就是一款能够实现代码规范的工具，它主要用于代码的上下对齐。它能够用冒号（：）、赋值（=，+，-=，*=，/=）和箭头（=）对齐代码。它的主要功能是为代码中的括号或者其他符号配

2024年02月10日
浏览(48)
vscode vue3开发常用插件（附Prettier格式化配置）

1、Chinese (Simplified) (简体中文) Language 2、Prettier - Code formatter 3、Vue 3 Snippets 4、Vue Language Features (Volar) 5、git graph 5、Auto Close Tag 6、Vue Theme 按ctrl+shift+p，搜索setting进入用户设置（全局），添加下面规则：需要注意的是，prtttier格式化可以配置在很多文件上，配置字段也不太一样

2024年02月14日
浏览(60)
小程序开发--开发者工具的插件推荐

写在前面：用官方的开发者工具真的是，emm不是很好用。加上这些插件可以帮助更加舒服的进行开发。除了wxml，建议其他的都可以安装。这个开发者工具感觉是嵌套了vscode。安装插件、命令什么的都和vscode一样。安装步骤： 1.在vscode里面安装插件 2.打开插件目录 3.安装，这

2024年02月09日
浏览(67)
前端vscode必备插件推荐

目录一、前言二、工具推荐 1.《Chinese (Simplified) (简体中文) Language》 2.《ESLint》 3.《Git History》 4.vscode-icons 5.Path Intellisense 6.《Vetur》 7.《GitLens — Git supercharged》 8.《Image preview》 9.Debugger for Chrome 10.Prettier 11.AnyRule 13.Vue Language Features (Volar) 14.Vite 15.Code Spell Checker 16.Error Lens

2023年04月09日
浏览(57)
【开发环境】VSCode 安装插件 ( 简体中文插件 | Open in Browser 插件 | Auto Rename Tag 插件 | JS-CSS-HTML Formatter 插件 )

在 VSCode 中 , 左侧的按钮是扩展按钮 , 使用 Ctrl + Shift + X 也可以快速进入插件安装界面 ; 在弹出的扩展面板中 , 可以搜索和安装插件 ; 在扩展工具面板中 , 搜索 Chinese , 可以看到简体中文插件 , 安装该插件后 , 界面会变为简体中文界面 ; 安装完毕后 , 重启 VSCode 即可完成

2024年02月13日
浏览(50)