VSCode -vue 擴展(自用)


1. Better CommentsBetter Comments

幫助您在代碼中創建更人性化的注釋

2. A-super-comprehensive

代碼補全合集(vue-webpack-bootstrap-node-mui-html-js-jquery-php-css-react-native)

3. Veturvue

語法高亮

4. ESLint

不必多說

5. Material Icon Themevscode

圖標主題,支持更換不同色系的圖標,值得點出的是,該插件更新極其頻繁,基本和vscode更新頻率保持一致

6. Vue VSCode Snippetsvue

代碼提示

7. Auto Close Tag

自動閉合HTML/XML標簽

8. Auto Rename Tag

自動完成另一側標簽的同步修改

9. Beautify/ Prettier - Code formatter

格式化代碼

10. Bracket Pair Colorizer

給括號加上不同的顏色,便於區分不同的區塊,使用者可以定義不同括號類型和不同顏色

11. Debugger for Chrome

映射vscode上的斷點到chrome上,方便調試

12. HTML CSS Support

智能提示CSS類名以及id

13. HTML Snippets

智能提示HTML標簽,以及標簽含義

14. JavaScript(ES6) code snippets

ES6語法智能提示,以及快速輸入,不僅僅支持.js,還支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各種包含js代碼文件的時間

15. Markdown Preview Enhanced

實時預覽markdown,markdown使用者必備

16. mackdownlint

markdown語法糾錯

17. open-in-browser

vscode不像IDE一樣能夠直接在瀏覽器中打開html,而該插件支持快捷鍵與鼠標右鍵快速在瀏覽器中打開html文件,支持自定義打開指定的瀏覽器,包括:Firefox,Chrome,Opera,IE以及Safari

18. Path Intellisense

自動提示文件路徑,支持各種快速引入文件

19. Auto Import

自動導入包

20. Chinese Language Pack

簡體中文

21. Code Spell Checker

代碼拼寫檢查

22. Color Info

這個便捷的插件,將為你提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標,就可以預覽色塊中色彩模型的(HEX、 RGB、HSL 和 CMYK)相關信息了。

23. CSS Peek

追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時,選擇“ Go to Definition 和 Peek definition ”選項,它便會給你發送樣式設置的 CSS 代碼。

24. Document This

js 的注釋模板 (注意:最新版的vscode已經原生支持)

25. EditorConfig for VS Code

editorConfig配置編輯器默認的代碼格式化規則

26. filesize

在底部狀態欄顯示當前文件大小,點擊后還可以看到詳細創建、修改時間

27. JavaScript Snippet Pack

js代碼片段

28. LeetCode

算法練習

29. TSLint

不必多說


免責聲明!

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



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