【轉】vscode常用插件推薦


粘貼圖片

1.Auto Close Tag

自動閉合HTML/XML標簽

粘貼圖片

 

2.Auto Rename Tag

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

粘貼圖片

 

3.Debugger for Chrome

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

粘貼圖片

 

4.ESLint

js語法糾錯,可以自定義配置,不過配置較為復雜,建議使用網上一些廣泛使用的eslint配置

粘貼圖片

 

 

5.GitLens
方便查看git日志,git重度使用者必備

粘貼圖片

 

6.HTML CSS Support

智能提示CSS類名以及id 

粘貼圖片

 

7. HTML Snippets

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

粘貼圖片

 

8.JavaScript(ES6) code snippets

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

 

9.jQuery Code Snippets

jQuery代碼智能提示
粘貼圖片

 

10.Markdown Preview Enhanced

實時預覽markdown,markdown使用者必備
粘貼圖片

 

11.markdownlint

markdown語法糾錯

粘貼圖片

 

12.Material Icon Theme

個人認為最好的vscode圖標主題,支持更換不同色系的圖標,值得點出的是,該插件更新極其頻繁,基本和vscode更新頻率保持一致
粘貼圖片

13.open in browser

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

粘貼圖片

14.Path Intellisense

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

粘貼圖片

 

15.Vetur

Vue多功能集成插件,包括:語法高亮,智能提示,emmet,錯誤提示,格式化,自動補全,debugger。vscode官方欽定Vue插件,Vue開發者必備。

粘貼圖片

 

轉自網絡,可取所需,歡迎補充!


免責聲明!

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



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