zoukankan      html  css  js  c++  java
  • 盘点系列--必备的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

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

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

  • 相关阅读:
    第十一周课程总结
    第七周课程总结&实验报告(五)
    第四周课程总结&试验报告(二)
    2019春总结作业
    第十二周编程总结
    第十一周编程总结
    JAVA学期总结
    第十四周课程总结&实验报告
    第十三周课程总结
    第十二周学习总结
  • 原文地址:https://www.cnblogs.com/erkye/p/14276083.html
Copyright © 2011-2022 走看看