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

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

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

1.微信小程序扩展

image-20210114093521357

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

2.Angular Snippets

image-20210114093637864

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

3.Auto Close Tag

image-20210114094002400

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

4.Auto Rename Tag

image-20210114094132718

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

5.Axios Snippets

image-20210114094407950

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

6.C/C++

image-20210114094702306

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

7.carbon-now-sh

image-20210114095443050

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

8.Color Highlight

image-20210114095704765

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

9.Community Material Theme

image-20210114095941764

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

10.Debugger for Chrome

image-20210114100058984

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

11.Debugger for Java

image-20210114100754163

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

12.Draw.io Integration

image-20210114100957583

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

13.Eclipse Keymap

image-20210114101143946

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

14.ESLint

image-20210114101323559

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

15.HTML Snippets

image-20210114101619963

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

16.IntelliSense for CSS class names in HTML

image-20210114102102073

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

17.Java Extension Pack

image-20210114102314772

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

18.Java Test Runner

image-20210114102626471

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

19.JavaScript (ES6) code snippets

image-20210114102743834

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

20.LeetCode

image-20210114102942534

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

21.Live Server

image-20210114103110728

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

22.Material Icon Theme

image-20210114103314416

一套文件的图标库主题。

类似的主题还有:

  • Material Theme Icons
  • Material Theme

23.Maven for Java

image-20210114103520490

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

24.minapp

image-20210114103637704

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

25.npm Intellisense

image-20210114103822076

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

26.open in browser

image-20210114103917984

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

27.Path Intellisense

image-20210114104023528

自动补全文件的路径代码

28.Prettier - Code formatter

image-20210114104128458

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

29.Project Manager for Java

image-20210114104226577

Java项目的基础管理功能

30.Python

image-20210114104254632

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

31.Vetur

image-20210114104355208

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

32.Vue 3 Snippets

image-20210114104602561

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

33.VueHelper

image-20210114104652969

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

34.Webpack Snippets

image-20210114104803521

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

35.wechat-snippet

image-20210114104852499

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

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

posted @ 2021-01-14 10:53  UtilMan  阅读(773)  评论(0编辑  收藏  举报