有效提搞開發效率的 vs code 插件(內附gif圖)

一、stylelint

想要 style 按照本身想的規則編寫，一個stylelint都能給你搞定，stylelint擁有超過150條的規則，包括捕捉錯誤、最佳實踐、控制可使用的語言特性和強制代碼風格規範。它支持最新的CSS語法，而且靈活可配置

二、Auto Import

自動查找，解析並提供全部可用導入的代碼操做和代碼完成。

與Typescript和TSX一塊兒使用

三、Auto Rename Tag

自動重命名標籤

四、CSS Navigation

容許從HTML到CSS轉到定義，爲類和ID名稱提供完成和工做區符號，並支持從CSS到HTML中查找引用

五、Document This

能夠自動爲TypeScript和JavaScript文件生成詳細的JSDoc註釋，有了這個代碼註釋漂亮的一逼，代碼檔次都起來了

六、Path Intellisense

自動完成文件名，名稱、路徑提示

七、Prettier - Code formatter

代碼格式化工具，很不錯的格式化工具 

八、TODO Highlight

突出顯示 TODO， FIXME 你的代碼中的其餘註釋。

九、Turbo Console Log

快速console.log

十、JSON to TS

將JOSN對象轉換成typescript接口（interface）

十一、Bracket Pair Colorizer

用於爲匹配的括號着色

十二、HTML CSS Support

css 在 html 中提示，能夠自定義那些css.less,sass文件在html中提示，只能說很方便

1三、Chinese (Simplified) Language Pack for Visual Studio Code

中文語言包（簡體）,將vs code 轉換成中文版，對英文很差的，想快速熟悉 vs code ，這將是個必將的插件

angular 環境使用的插件

1四、Angular Files

選擇使用angular Cli 指令

1五、Angular Support

angular中提供html中變量、方法、組件跳轉到定義處，vue、react應該也有相應插件

管理工具

1六、Git History

查看git日誌，文件歷史記錄，比較分支或提交

1七、GitLens — Git supercharged

加強Visual Studio Code內置的Git功能—經過Git責備註釋和代碼鏡頭一目瞭然地可視化代碼做者，無縫瀏覽和瀏覽Git存儲庫，經過強大的比較命令得到有價值的看法

學習工具

1八、LeetCode

在vs code 擼 leetcode 中的示例，

1九、ponaCode

代碼截圖插件，要是你有截圖代碼，你將愛上這個工具

最後

但願本篇文章對你有幫助~