盘点系列--必备的VS Code插件 盘点系列--必备的VS Code插件

VS Code的灵魂就是插件。本篇简单介绍一下我常用的VS Code的插件有哪些。如果有需要,直接在扩展中搜索对应的插件名称即可(排名不分先后)。

1.微信小程序扩展

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

微信小程序扩展提供微信小程序的语法高亮显示。并提供大量的常用的微信小程序开发片段,并且可以一键创建微信小程序的页面。

2.Angular Snippets

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

Angular Snippets 可以提供AngularJS在HTML和Javascript中代码片段,可以快速进行补全,加快开发AngularJS的效率。

3.Auto Close Tag

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

Auto Close Tag插件的功能很简单,就是自动补全HTML和XML的闭合标签。

4.Auto Rename Tag

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

在使用HTML或者XML时,由于标签都是成对出现的,如果我们需要修改某一标签,必须修改两处标签,通过Auto Rename Tag就可以做到修改一处,自动修改对应的成对标签。

5.Axios Snippets

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

这是Axios的代码片段插件。可以提供Axios发起各类请求的代码片段补全,实际开发过程中用的可能会少一些,因为现在前端开发多数都是使用框架,Axios多数使用情况下都是和各类框架进行整合,很少是单独使用。

6.C/C++

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

C/C++扩展提供在VS Code中开发C和C++的运行调试等功能。可以方便的在VS Code中编写简单的C/C++代码,对于复杂的项目,还是推荐使用VS。

7.carbon-now-sh

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

carbon-now-sh可以在VS Code中使用快捷键快速将选中的代码在Carbon网站中生成美观的代码图片。

8.Color Highlight

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

Color Highlight可以显示CSS代码中颜色代码的颜色,更加方便直观的看到颜色代码对应的颜色。

9.Community Material Theme

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

VS Code主题颜色插件,还是比较好看的。

10.Debugger for Chrome

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

支持调试JS代码,并且可以与Chrome的调试模式进行联调,在开发前端项目调试时非常有用。

11.Debugger for Java

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

Java的轻量级调试器,提供Java在VS Code中的运行调试环境。

12.Draw.io Integration

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

这是一款在VS Code中使用Draw.io网站的非官方插件,可以在VS Code中轻松绘制各种流程图等。

13.Eclipse Keymap

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

Eclipse Keymap可以将VS Code的快捷键替换为Ecplise的快捷键,非常适合于习惯了Ecplise开发的人员。

14.ESLint

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

ESLint时Javascript的代码检测工具,使用ESLint插件可以将ESLint集成到VS Code中,方便的完成对Javascript代码的检测和修正。

15.HTML Snippets

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

提供完整的HTML的标签和常用代码片段,并且提供HTML标签高亮显示。

16.IntelliSense for CSS class names in HTML

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

该插件可以查找你前端项目中CSS中含有的class名称,在HTML文件中进行提示补全。

17.Java Extension Pack

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

Java Extension Pack也是提供Java在VS Code下的运行调试环境,不过它的功能更加强大,可以继承Maven,并且提供Java项目的管理,可以在VS Code中开发Java的大型的项目。

18.Java Test Runner

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

Java Test Runner提供在VS Code中使用JUnit调试的环境和功能。

19.JavaScript (ES6) code snippets

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

JavaScript (ES6) code snippets 提供ES6的代码片段,轻松在VS Code中使用ES6的语法。

20.LeetCode

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

LeetCode可以做到在VS Code中刷LeetCode中的题目,一键提交,工作党必备。

21.Live Server

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

启动一个本地服务器,在浏览器中实时预览编辑的前端页面。

22.Material Icon Theme

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

一套文件的图标库主题。

类似的主题还有:

  • Material Theme Icons
  • Material Theme

23.Maven for Java

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

该插件时用来管理Maven项目,提供Maven项目的常用管理功能。

24.minapp

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

提供微信小程序的标签、属性自动补全,模板代码等等功能。

25.npm Intellisense

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

import时提供npm模块的代码提示。

26.open in browser

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

一键在默认浏览器中打开指定文件

27.Path Intellisense

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

自动补全文件的路径代码

28.Prettier - Code formatter

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

保存文件时使用Prettier格式化代码

29.Project Manager for Java

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

Java项目的基础管理功能

30.Python

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

提供测试运行调试的Python的环境

31.Vetur

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

提供开发Vue项目的各种工具

32.Vue 3 Snippets

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

提供Vue 2和Vue 3的代码片段补全功能

33.VueHelper

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

提供Vue、Vue-router、Vuex的代码片段补全功能

34.Webpack Snippets

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

提供Webpack配置文件的代码片段补全功能

35.wechat-snippet

盘点系列--必备的VS Code插件
盘点系列--必备的VS Code插件

微信小程序的代码片段补全功能

暂时想到这些,欢迎补全~~