vsCode 常用插件

記錄一下所用的插件

1. auto close tag

??????自動關(guān)閉標(biāo)簽,在開始標(biāo)記的結(jié)束括號中鍵入后,將自動插入結(jié)束標(biāo)記

2. Auto Comment Blocks

??????自動插入注釋行

3. Auto Rename Tag

??????自動重命名配對的HTML / XML標(biāo)記

4. Auto Complete Tag

??????結(jié)合了自動關(guān)閉標(biāo)簽與同時修改同步標(biāo)簽

5. Beautify

??????美化代碼參考資料

6. Code Runner

??????可以直接運(yùn)行多種語言的代碼片段和文件

7. Code Spell Checker

??????代碼拼寫檢查工具

8. Drat

??????支持 Dart編程語言,并提供有效編輯,重構(gòu),運(yùn)行和重新加載Flutter 移動應(yīng)用程序和AngularDartWeb應(yīng)用程序的工具。

9. Debugger for Chrome

??????從VS Code調(diào)試在Google Chrome中運(yùn)行的JavaScript代碼。

10. EditorConfig for VS Code

??????EditorConfig幫助開發(fā)人員定義和維護(hù)一致的編碼風(fēng)格在不同的編輯器和IDE。
??????EditorConfig項(xiàng)目包含一個文件格式定義編碼風(fēng)格和文本編輯器插件的集合。
??????EditorConfig文件易于閱讀并且他們與版本控制器很好地合作。

11. ESLint

??????代碼檢查工具

12. filesize

??????實(shí)時查看當(dāng)前文件的大小

13. Flutter

??????Flutter移動應(yīng)用程序的支持,以及對Dart編程語言的支持。

14. Git History

??????查看git歷史與log,搜索等(包括git log)

15. GitLens — Git supercharged

??????GitLens只是幫助您更好地理解代碼??焖贋g覽一下,為什么以及何時更改了行或代碼塊。跳過歷史記錄,以獲得有關(guān)代碼演變的方式和原因的進(jìn)一步見解

16. IntelliSense for CSS class names in HTML

?????? CSS 類名智能提示,可以在html與css中進(jìn)行智能提示

17. HTMLHint

??????HTML 靜態(tài)檢查規(guī)則

18. Image preview

??????在左側(cè)可以預(yù)覽圖片和懸停中顯示圖片

19. Import Cost

??????在VS代碼編輯器中導(dǎo)入的程序包的大小

20. JavaScript (ES6) code snippets

??????ES6的代碼片段

21. JavaScript Snippet Pack

??????JS代碼片段補(bǔ)全

22. language-stylus

??????Stylus文件添加語法高亮

23. stylelint

??????格式化css代碼
配置參考https://stylelint.io/user-guide/configuration/

24. minapp

??????微信小程序標(biāo)簽、屬性的智能補(bǔ)全(同時支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)

25. Node.js Modules Intellisense

??????在import語句中自動完成Node.js模塊

26. Open in Browser

??????在vscode中打開瀏覽器訪問

27. Path Intellisense

??????自動路徑補(bǔ)全

28. Prettier - Code formatter

??????格式化代碼

29. Pug (Jade) snippets

??????pug語法提示

30. Scss

??????縮進(jìn)Sass語法高亮

31. TypeScript Importer

??????自動搜索工作空間文件中的TypeScript定義,并將所有已知符號作為完成項(xiàng)提供,以允許代碼完成。

32. Vetur

??????代碼格式化

33. vscode-element-helper

??????用element的就知道它的好,支持element代碼自動補(bǔ)全

34. vscode-icons

??????在vscode顯示文件圖標(biāo)

35. vue 2 Snippets

??????vue 代碼提示

36. Vue/Vuex TypeScript Snippets

??????支持typescript的代碼提示與生成片段

37. VueHelper

??????vue 代碼提示

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容