盤點系列--必備的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

微信小程序的代碼片段補全功能

暫時想到這些,歡迎補全~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM