工欲善其事必先利其器。本篇文章給大家總結(jié)分享19個(gè)我在開發(fā)中使用到的vscode插件，希望對(duì)大家有所幫助！

1：Chinese (Simplified) Language Pack 中文語(yǔ)言插件

適用于 VS Code 的中文（簡(jiǎn)體）語(yǔ)言包

此中文（簡(jiǎn)體）語(yǔ)言包為 VS Code 提供本地化界面。【推薦學(xué)習(xí)：《vscode入門教程》】

對(duì)于我這種英文一般的人來(lái)說(shuō)，這個(gè)插件很友好。

2：Code Runner 代碼運(yùn)行器

運(yùn)行多種語(yǔ)言的代碼段或代碼文件：C，C ++，Java，JavaScript，PHP，Python，Perl，Perl 6，Ruby，Go，Lua，Groovy，PowerShell，BAT / CMD，BASH / SH，F(xiàn)＃腳本，F(xiàn)＃（ .NET Core），C＃腳本，C＃（.NET Core），VBScript，TypeScript，CoffeeScript，Scala，Swift，Julia，Crystal，OCaml腳本，R，AppleScript，Elixir，Visual Basic .NET，Clojure，Haxe，Objective-C ，Rust，球拍，Scheme，AutoHotkey，AutoIt，Kotlin，Dart，F(xiàn)ree Pascal，Haskell，Nim，D，Lisp，Kit，V，SCSS，Sass，CUDA和自定義命令

這個(gè)玩意，目前來(lái)看對(duì)我還沒(méi)啥太大的用處。

3：Debugger for Chrome VScode-Chrome調(diào)試器

VS Code擴(kuò)展程序，用于在Google Chrome瀏覽器或其他支持Chrome DevTools協(xié)議的目標(biāo)中調(diào)試JavaScript代碼。

也就是說(shuō)，這個(gè)玩意可以打斷點(diǎn)了。在裝個(gè)PHP debug，就可以調(diào)試PHP了。

4：Debugger for Firefox 火狐瀏覽器調(diào)試器

同上，跟谷歌瀏覽器的插件作用是一樣的。

5：ESLint js代碼檢測(cè)插件

ESlint 接管原生 js 提示，可以自定制提示規(guī)則；

6：filesize

左下角顯示文件大小的插件

7：IntelliSense for CSS class names in HTML

用于HTML中CSS類名稱的智能感知。

8：Material Icon Theme

這是一個(gè)圖標(biāo)庫(kù)，給不通類型的文件及文件夾設(shè)置不通的icon

9：open in browser

在瀏覽器中打開文件，用于調(diào)試前端html文件

10：Partial Diff

您可以比較文件中，不同文件之間或剪貼板上的文本選擇（差異）。

多光標(biāo)文本選擇。

用戶定義的文本規(guī)范化規(guī)則，以減少差異中的干擾（例如，將制表符替換為空格）。

可以關(guān)閉用戶定義的文本規(guī)范化規(guī)則，而無(wú)需將其從配置中刪除。

一個(gè)動(dòng)作即可比較2個(gè)可見(jiàn)編輯器（即選項(xiàng)卡）中的文本。

11：PHP Debug

PHPxdebug插件的支持，你本地的PHP環(huán)境必須安裝xdebug才能實(shí)現(xiàn)這個(gè)插件的功能。

用于PHP打斷點(diǎn)調(diào)試代碼。

12：PHP Intelephense

PHP代碼提示工具，支付代碼提示、查找定義、類搜索等功能，非常強(qiáng)大。

下載PHP Intelephense這個(gè)插件，要求php版本大于7，且將PHP添加到系統(tǒng)環(huán)境變量。

這個(gè)插件是個(gè)神器，需要好好利用。主要是，f12轉(zhuǎn)到定義，絕對(duì)的神器。

13：PHP IntelliSense

PHP智能感知插件。這也是個(gè)神器。對(duì)PHP的高級(jí)自動(dòng)完成和重構(gòu)支持

使用的時(shí)候，需要將下邊代碼添加到setting.json中

"php.validate.executablePath": "D:BtSoftphp72php.exe",

14：Vue VSCode Snippets

輸入VUE標(biāo)簽，自動(dòng)補(bǔ)全代碼。這個(gè)玩意對(duì)于提高開發(fā)效率來(lái)說(shuō)，絕對(duì)的神器。

15：Vetur

Vscode全功能支持VUE，包括語(yǔ)法高亮、片段、Emmet、整理/錯(cuò)誤檢查、格式化、自動(dòng)完成、調(diào)試、VTI / CLI

16：vscode-icons

Vscode的圖標(biāo)庫(kù)

17：Path Intellisense

自動(dòng)完成文件名的Visual Studio代碼插件。

需要在settings.json中添加：

{ "typescript.suggest.paths": false }

18：PHP Extension Pack

包括在Visual Studio代碼中開始PHP開發(fā)的最重要的擴(kuò)展。

19：PHP Namespace Resolver

PHP名稱空間解析器可以導(dǎo)入和擴(kuò)展類。也可以按行長(zhǎng)度或字母順序?qū)?dǎo)入的類進(jìn)行排序。

以上基本上就是目前我的vscode編輯器安裝的所有插件，除了PHP debug沒(méi)玩明白之外，其余都是很好用的。