提升效率神器，這12款VS Code 插件還沒安裝？

VScode現(xiàn)在已經(jīng)越來越完善。性能遠超Atom和webstorm,你有什么理由不用它?

在這里，我會給你們推薦12款實用的插件，讓你對 vscode 有更深刻的體會，漸漸地你就會知道它有多好用。

1.Code Runner

https://github.com/formulahendry/vscode-code-runner

作者：韓駿

代碼一鍵運行，支持超過40種語言 。

時至今日，Code Runner已經(jīng)有了超過400萬的下載量，支持了 Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等超過40種的語言。

2.GitLens

GitLens不僅有助于Git操作，更是幫助用戶閱讀源碼的利器。

VS Code 自帶的 Git 在易用性和完整性之間取得了一個不錯的平衡，大多數(shù)用戶都能夠使用它完成工作，但是依然有很多用戶會覺得功能不夠用。比如：

• 查看當(dāng)前代碼歷史記錄
• 無法檢索某個 commit 中的代碼改動
• 無法比較兩個 commit 或者 branch，然后閱覽代碼改動......

GitLens彌補了這些缺陷，有助于提交我們開發(fā)和閱讀的效率。

列舉一些GitLens的常用功能：

1.歷史視圖。展示當(dāng)前文件的歷史變更記錄。

2.行歷史視圖。展示當(dāng)前所在行的歷史變更記錄。

3.查看鼠標(biāo)所在行代碼是誰在何時提交的，以及提交的comment。

3.VSCode Counter

統(tǒng)計你寫了多少代碼 ,分別是什么文件

安裝插件后右鍵文件目錄:

4.Atuo Rename Tag

修改 html 標(biāo)簽，自動幫你完成尾部閉合標(biāo)簽的同步修改。

5.Rainbow Fart

https://github.com/SaekiRaku/vscode-rainbow-fart

在 GitHub 發(fā)現(xiàn)了一個有趣的 VSCode 插件：Rainbow Fart。在你寫代碼的時候，可根據(jù)關(guān)鍵字播放接近代碼含義的語音。

萌妹子語音在線吹彩虹屁陪你寫代碼！彩虹屁，真香！

已在GitHub 上開源了，遵循 MIT 協(xié)議。

6.Debugger for Chrome

讓 vscode 映射 chrome 的 debug 功能，靜態(tài)頁面都可以用 vscode 來打斷點調(diào)試，需要另外配置，有點麻煩。

7.vscode-fileheader

https://github.com/zhaopengme/vscode-fileheader 添加注釋到文件頭，并支持自動更新文件修改時間。

8.MySQL

https://github.com/formulahendry/vscode-mysql

vscode中的mysql管理工具。Docker擴展使從Visual Studio Code輕松構(gòu)建，管理和部署容器化應(yīng)用程序變得容易。它還提供了在容器內(nèi)對Node.js，Python和.NET Core的一鍵式調(diào)試。

9.Docker

https://github.com/microsoft/vscode-docker

Docker擴展使從Visual Studio Code輕松構(gòu)建，管理和部署容器化應(yīng)用程序變得容易。它還提供了在容器內(nèi)對Node.js，Python和.NET Core的一鍵式調(diào)試。

10.filesize

https://github.com/mkxml/vscode-filesize

在編輯器的狀態(tài)欄中顯示文件的大小。

11. WakaTime

可視化統(tǒng)計你的工作時長!

會有統(tǒng)計圖表,你做了哪些項目,耗費了多少時間 ,分別用了些什么語言,占比多少等等.

12.Live Server

安裝后在html文件中點擊 go live ,或者右鍵!

即可運行熱更新 代碼, 無需手動刷新瀏覽器.

在沒有使用webpack時有用。

如果你也有好的開源項目，歡迎推薦！

微信號聯(lián)系：westbrook12000（ps：加好友請備注“開源”）

工作三年居然不會設(shè)計模式？這個網(wǎng)站你可能還不知道！

副業(yè)剛需，沒有人能拒絕這個網(wǎng)站！