vscode 常用插件

最新推荐文章于 2025-06-27 08:15:54 发布

转载最新推荐文章于 2025-06-27 08:15:54 发布 · 718 阅读

文章标签：

转自:https://blog.youkuaiyun.com/shunfa888/article/details/79606277

vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。比起notepad++、editplus，vscode集成了许多IDE才具有的功能，比起它们更像一个代码编辑器；比起sublime，vscode颜值更高，安装配置插件更为方便；比起atom，vscode启动速度更快，打开各种大文件不卡。可以说，vscode既拥有高自由度、又拥有高性能和高颜值，最关键的是，vscode还是一款免费并且有团队持续快速更新的代码编辑器。可以说，vscode是代码编辑器的首选。个人推荐编写前端代码时，代码编辑器选择vscode，IDE选择WebStorm。

　　vscode安装插件只需要点击图片所示按钮，即可进入拓展，在搜索框中输入插件名点击安装后，等待安装好即可点击重新加载重启vscode使得插件生效。

　　当你不需要某个插件时只需要进入扩展，点击对应插件右下角的齿轮按钮即可选择禁用或卸载该插件。

　　下面，我将推荐一些我认为对编写前端代码比较有帮助的vscode插件：

　　1.Auto Close Tag

　　自动闭合HTML/XML标签

　　2.Auto Rename Tag

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

　　3.Beautify

　　格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则，例如：

       
             {
            
             "indent_size"
             : 4,
            
             "indent_char"
             : 
             " "
             ,
            
             "css"
             : {
            
             "indent_size"
             : 2
            
             }
            
             }