首頁 >開發工具 >VSCode >19個實用vscode開發插件分享

19個實用vscode開發插件分享

青灯夜游
青灯夜游轉載
2022-08-18 20:43:573751瀏覽

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

19個實用vscode開發插件分享

1:Chinese (Simplified) Language Pack  中文語言外掛程式

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

此中文(簡體)語言套件為VS Code 提供在地化介面。 【推薦學習:《vscode入門教學》】

對我這種英文一般的人來說,這個外掛很友善。

19個實用vscode開發插件分享

2:Code Runner 程式碼執行器

執行多種語言的程式碼檔案:C,C ,Java ,JavaScript,PHP,Python,Perl,Perl 6,Ruby,Go,Lua,Groovy,PowerShell,BAT / CMD,BASH / SH,F#腳本,F#( .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,Free Pascal,Haskell,Nim,D,Lisp,Kit,V,SCSS,Sass,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  火狐瀏覽器偵錯器

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

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開發插件分享

9-19個實用vscode開發插件分享

10:Partial Diff

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

多遊標文字選擇。

使用者定義的文字規範化規則,以減少差異中的干擾(例如,將製表符替換為空格)。

可以關閉使用者定義的文字規範化規則,而無需將其從配置中刪除。

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

19個實用vscode開發插件分享

11:PHP Debug

##11:PHP Debug

#PHPxdebug外掛程式的支持,你本地的PHP環境必須安裝xdebug才能實現這個外掛的功能。

119個實用vscode開發插件分享用於PHP打斷點調試程式碼。

#########

12:PHP Intelephense

PHP程式碼提示工具,支付程式碼提示、尋找定義、類別搜尋等功能,非常強大。

下載PHP Intelephense這個插件,要求php版本大於7,且將PHP加入系統環境變數。

這個外掛程式是神器,需要好好利用。主要是,f12轉到定義,絕對的神器。

119個實用vscode開發插件分享

13:PHP IntelliSense

#PHP智慧型感知外掛。這也是個神器。對PHP的高階自動完成和重構支援

使用的時候,需要將下邊程式碼加入setting.json

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

119個實用vscode開發插件分享

14:Vue VSCode Snippets

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

119個實用vscode開發插件分享

15:Vetur

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

119個實用vscode開發插件分享

#16:vscode-icons

Vscode的圖示庫

119個實用vscode開發插件分享

17:Path Intellisense

#自動完成檔案名稱的Visual Studio程式碼外掛程式。

需要在settings.json中加入:

{ "typescript.suggest.paths": false }

119個實用vscode開發插件分享

#18:PHP Extension Pack

##包括在Visual Studio程式碼中開始PHP開發的最重要的擴充。

119個實用vscode開發插件分享

19:PHP Namespace Resolver

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

119個實用vscode開發插件分享

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

更多關於VSCode的相關知識,請造訪:

vscode教學

以上是19個實用vscode開發插件分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.cn。如有侵權,請聯絡admin@php.cn刪除