本文記錄用vscode進行前端開發時，常用到的有用的vscode插件，將不定時更新～

1、Chinese (Simplified) 將編輯器變成簡體中文

2、vscode-icon 讓 vscode 資源樹目錄加上圖標，官方出品的圖標庫

3、Import Cost 引入包大小計算,對于項目打包后體積掌握很有幫助

4、gitLens 代碼管理插件，多人協作開發必備神器，可以看到代碼的作者，提供git相關便捷的操作。使用教程參考

5、Prettier 代碼格式化

6、markdown all in one 為 Markdown 樣式提供健康快捷鍵，列表的自動化處理，自動格式化表格，提供數學公式的支持，自動補全

7、HTML Boilerplate，html5自動補全

8、auto close tag 寫標簽時自動補全尾標簽

9、Atuo Rename Tag 修改 html 標簽，自動完成尾部閉合標簽的同步修改

10、open in browser 在編輯器內鼠標右鍵，可以選擇將html頁面在瀏覽器中打開

11、css peek 快速跳轉到樣式的定義，按住ctrl鍵同時點擊樣式類的名稱即可跳轉到樣式的定義。（注：僅僅對html中引用外部樣式，即單獨css文)件有用，對vue內部樣式沒有用）

12、css-auot-prefix 為了使頁面能夠在主流瀏覽器上顯示，部分css屬性就需要添加不同的兼容前綴，Css-auot-prefix可以自動補全css的前綴，適用于css、less、scss。
使用方法：在需要處理的css文件里按ctrl+shift+p，選擇Autoprefixer：Run選項

13、Path Intellisense 在代碼中引入文件或組件時自動補全路徑

14、i18n Ally 輕量且功能強大的可視化編輯插件，提供了增刪改查、視圖審閱、在線翻譯等功能，極大地提高了開發者翻譯多語言的效率。更多使用指南

15、vue-helper vue代碼進行代碼提示

16、vetur vue語法高亮、智能感知、Emmet等（只適用于vue2語法），包含格式化功能： Alt+Shift+F 格式化全文

17、volar 同vetur，但是適用于vue3語法

18、Typescript Vue Plugin（Volar）適用于vue3+typescript可以用

19、Simple React Snippets 快速生成react代碼片段， 官方說明

20、ES7+ React/Redux/React-Native/JS snippets 也是快速生成常用代碼塊