超级实用的VSCode插件，帮你大幅提高工作效率

Visual Studio Code是一个轻量级但功能强大的源代码编辑器，可在桌面上运行，适用于Windows，macOS和Linux。

 

它内置了对JavaScript，TypeScript和Node.js的支持，并为其他语言（如C ++，C＃，Java，Python，PHP，Go）和运行时（如.NET和Unity）提供了丰富的扩展生态系统。

 

一、Visual Studio Code 下载：

官方下载地址：https://code.visualstudio.com/Download

 

选择自己对应的版本点击下载即可。

二、插件的安装方法：

 

三、插件推荐：

官方插件下载地址：https://marketplace.visualstudio.com/

 

 

1.ESLint

作用：将ESLint JavaScript集成到VS代码中。ESLint是一种用于识别和报告ECMAScript / JavaScript代码中的模式的工具，其目标是使代码更加一致并避免错误。

 

2.vscode-icons

作用：Visual Studio代码文件的图标。

 

3.Open-In-Browser

作用：允许您在默认浏览器或应用程序中打开当前文件。

 

4.HTML Snippets

作用：完整的HTML标记，包括HTML5代码段。

 

5.HTML CSS Support

作用：对HTML文档的CSS支持。

 

6.Debugger for Chrome

作用：在Chrome浏览器或支持Chrome Debugger协议的任何其他目标中调试JavaScript代码。

 

7.JQuery Code Snippets

作用：超过130个用于JavaScript代码的jQuery代码片段。只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。

 

8.Path Intellisense

作用：自动填充补全文件名。

 

9.Npm Intellisense

作用：用于在import语句中自动填充npm模块。

 

10.Document this

作用：在TypeScript和JavaScript文件中自动生成详细的JSDoc注释。

 

11.Auto Rename Tag

作用：重命名一个HTML / XML标记时，会自动重命名配对的HTML / XML标记。

 

12.Auto Close Tag

作用：自动添加HTML / XML关闭标记，与Visual Studio IDE或Sublime Text相同。

 

13.Beautify

作用：美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

 

14.Chinese (Simplified) Language Pack for Visual Studio Code

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

 

15.JavaScript (ES6) code snippets

作用：用于Vs代码编辑器的ES6语法中的JavaScript代码片段（支持JavaScript和TypeScript）。

 

四、主题推荐：

1.Material-theme

 

2.monokai-light

 

3.One Dark Theme

 

五、总结：

目前所了解的也就这么多，如果后面知道更多的相关插件，一定第一时间更新告诉你们，上面这些插件基本都是前端的，所以对其他的一些还不太了解。今天的分享就到这里，如果有更好的插件推荐，请在评论区留言，或者直接私信我即可，一点新科技，期待您的点赞和转发，谢谢大家的支持。