19個實用vscode開發插件分享

工欲善其事必先利其器。本篇文章給大家總結分享19個我在開發中使用到的vscode插件,希望對大家有所幫助!

19個實用vscode開發插件分享

1:Chinese (Simplified) Language Pack ?中文語言插件

適用于 VS Code 的中文(簡體)語言包

此中文(簡體)語言包為 VS Code 提供本地化界面。【推薦學習:《vscode》】

對于我這種英文一般的人來說,這個插件很友好。

19個實用vscode開發插件分享

2:Code Runner 代碼運行器

運行多種語言的代碼段或代碼文件:C,C ++,JavaJavaScriptphppythonperl,Perl 6,ruby,Go,lua,Groovy,PowerShell,BAT / CMD,bash / SH,F#腳本,F#( .NET Core),C#腳本,C#(.NET Core),VBScript,typescriptcoffeescriptscalaswiftjulia,Crystal,OCaml腳本,R,AppleScript,Elixir,Visual Basic .NET,Clojure,Haxe,Objective-C ,rust,球拍,Scheme,AutoHotkey,AutoIt,kotlin,Dart,Free Pascal,Haskell,Nim,D,lisp,Kit,V,Scsssass,CUDA和自定義命令

19個實用vscode開發插件分享

這個玩意,目前來看對我還沒啥太大的用處。

3:Debugger for chrome ?vscode-Chrome調試器

VS Code擴展程序,用于在Google Chrome瀏覽器或其他支持chrome devtools協議的目標中調試JavaScript代碼。

也就是說,這個玩意可以打斷點了。在裝個PHP debug,就可以調試PHP了。

19個實用vscode開發插件分享

4:Debugger for firefox? 火狐瀏覽器調試器

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

19個實用vscode開發插件分享

5:ESLint? JS代碼檢測插件

ESlint 接管原生 js 提示,可以自定制提示規則;

19個實用vscode開發插件分享

6:filesize

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

19個實用vscode開發插件分享

7:IntelliSense for CSS class names in html

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

19個實用vscode開發插件分享

8:Material Icon Theme

這是一個圖標庫,給不通類型的文件及文件夾設置不通的icon

19個實用vscode開發插件分享

9:open in browser

在瀏覽器中打開文件,用于調試前端html文件

19個實用vscode開發插件分享

19個實用vscode開發插件分享

10:Partial Diff

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

多光標文本選擇。

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

可以關閉用戶定義的文本規范化規則,而無需將其從配置中刪除。

一個動作即可比較2個可見編輯器(即選項卡)中的文本。

19個實用vscode開發插件分享

11:PHP Debug

PHPxdebug插件的支持,你本地的PHP環境必須安裝xdebug才能實現這個插件的功能。

用于PHP打斷點調試代碼。

19個實用vscode開發插件分享

12:PHP Intelephense

PHP代碼提示工具,支付代碼提示、查找定義、類搜索等功能,非常強大。

下載PHP Intelephense這個插件,要求php版本大于7,且將PHP添加到系統環境變量。

這個插件是個神器,需要好好利用。主要是,f12轉到定義,絕對的神器。

19個實用vscode開發插件分享

13:PHP IntelliSense

PHP智能感知插件。這也是個神器。對PHP的高級自動完成和重構支持

使用的時候,需要將下邊代碼添加到setting.json

“php.validate.executablePath”:?“D:BtSoftphp72php.exe”,

19個實用vscode開發插件分享

14:Vue VSCode Snippets

輸入VUE標簽,自動補全代碼。這個玩意對于提高開發效率來說,絕對的神器。

19個實用vscode開發插件分享

15:Vetur

Vscode全功能支持VUE,包括語法高亮、片段、Emmet、整理/錯誤檢查、格式化、自動完成、調試、VTI / CLI

19個實用vscode開發插件分享

16:vscode-icons

Vscode的圖標庫

19個實用vscode開發插件分享

17:Path Intellisense

自動完成文件名的visual studio代碼插件。

需要在settings.json中添加:

{ "typescript.suggest.paths": false }

19個實用vscode開發插件分享

18:PHP Extension Pack

包括在Visual Studio代碼中開始PHP開發的最重要的擴展。

19個實用vscode開發插件分享

19:PHP Namespace Resolver

PHP名稱空間解析器可以導入和擴展類。也可以按行長度或字母順序對導入的類進行排序。

19個實用vscode開發插件分享

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

更多關于VSCode的相關知識,請訪問:vscode

以上就是19個實用

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享