基礎經常使用的前端vscode插件

俗話說的好，工欲善其事必先利其器，有了vscode這樣好的開發工具，那確定要配上更好的發動引擎（vscode插件）。廢話很少說，如今來介紹幾款經常使用vscode插件，讓咱們的開發更具備速度。

1.基礎類：

Chinese (Simplified) Language Pack for Visual Studio Code

描述：這個很少介紹，就是一箇中文語言包，必裝，若是喜歡初始vscode自帶英文那也能夠

Vetur

描述：用vue必裝

Vue Peek

描述：點擊父組件快速導航到vue子組件

open in browser

描述：能夠直接打開html文件

Beautify

描述：能夠美化高亮 javascript, JSON, CSS, Sass, and HTML 在 Visual Studio Code裏.

carbon-now-sh

描述：源代碼語法高亮插件

Code Runner

描述：運行多種語言的代碼片斷或代碼文件，詳細看安裝好後的描述使用

CSS Peek

描述：擴展了HTML和ejs代碼編輯

Debugger for Chrome

描述：在vscode裏調試運行在谷歌瀏覽器裏的代碼

File Peek

描述：此擴展擴展了Typescript和Javascript代碼編輯， 支持在源代碼中的字符串中找到的文件名

filesize

描述：顯示當前文件大小，能夠爲優化提供一些幫助

Image preview

描述：引入圖片左側導航條顯示圖像預覽，好用很強大

Import Cost

描述：在編輯器中顯示導入包的大小，可配置

javascript console utils

描述：快捷鍵快速打log，很好用Cmd+Shift+L

Path Autocomplete

描述：路徑自動補全，很強大

Path Intellisense

描述：同上，差很少的功能

Prettier - Code formatter

描述：VS Code包使用Prettier格式化您的JavaScript / TypeScript / CSS

Sass

描述：用Sass必裝

Search node_modules

描述：搜索快速導航和打開文件node_modules的某個包位置

2.小程序類：

wpy-beautify

描述：wepy美化高亮工具

小程序助手

描述：對小程序項目的 .wxss和.wxml類別文件進行識別高亮

minapp

描述：對小程序項目的 .wxss和.wxml類別文件進行識別高亮

vscode wxml

描述：爲 VSCode 提供 wxml 語法支持及代碼片斷

3.git開發工具類

Git History

描述：git歷史，搜索，log等等

Git Project Manager

描述：git的項目管理，VSCode窗口打開一個面向git存儲庫的新窗口

GitLens — Git supercharged

描述：能夠幫助咱們經過Git註釋和代碼鏡頭一目瞭然地查看代碼做者身份，無縫導航和Git探索，特別是團隊協做好用，看到代碼原做者

終極殺器：

Syncing

描述：不少人怕換電腦或者重裝後插件從新一個個下載很麻煩，此擴展會用GitHub綁定一個id保存上傳插件信息，而後新電腦用此id能夠所有下載以前的配置插件，就無需一個個去找

vscode用了3年多了， 很是推薦給你們，因此也就整理了下vscode的經常使用相關插件

以上插件基本能夠覆蓋目前前端開發的需求，也是整合了以前別人的一些推薦插件，拿出一些使用頻率比較高插件推薦給你們