8 個VSCode中很棒的Laravel開發擴充套件

2022-12-27 22:01:14
本篇文章為 Laravel 開發人員提供的前 8 個 擴充套件列表,這將幫助你提高工作效率!

1. Laravel Blade 片段

擴充套件為你的 VS Code編輯器新增了對 Laravel Blade 的語法高亮支援。【推薦學習:、】

此擴充套件的一些主要功能是:

  • Blade 語法高亮
  • Blade 片段
  • Emmet 在 Blade 模板中工作
  • Blade 格式

為了確保擴充套件按預期工作,需要進行一些額外的設定。在 File -> Preferences -> Settings 並將以下內容新增到你的 settings.json:

"emmet.triggerExpansionOnTab": true,"blade.format.enable": true,"[blade]": {
    "editor.autoClosingBrackets": "always"},
登入後複製

這將啟用 Emmet 標記的製表符完成,如果啟用 blade 格式設定。

有關可用 Snippets 的更多資訊,請務必檢視檔案:

2. Laravel Snippets

這可能是我個人最喜歡的!這個 為外觀新增程式碼片段 Request::, Route:: 等。

一些受支援的片段字首包括:

  • 認證
  • 廣播
  • 快取
  • 設定
  • 控制檯
  • Cookie
  • 加密
  • 資料庫
  • 事件
  • 檢視

有關可用片段的更多資訊,請務必檢視此處的檔案:

3. Laravel Blade 片段

當你試圖在 Blade 檢視中用 {{ }} 和你的整個行返回4個空格時,這不是很煩人嗎?好吧,幸運的是, 這個 解決了這個問題!

Laravel blade 片段擴充套件會自動為你的 blade 模板標記新增間距:

有關更多資訊,請確保檢視此處的檔案:

4. Laravel Artisan

我個人一直喜歡使用命令列,但我必須承認這個 擴充套件太棒了!它允許你直接從 Visual Studio 程式碼中執行 Laravel Artisan 命令!

Some 的主要功能是:

  • 建立控制器、遷移等檔案。
  • 執行你自己的自定義命令
  • 管理你的資料庫
  • 清除快取
  • 生成金鑰
  • 檢視所有應用程式路由
  • 出於測試目的管理你的本地php伺服器

有關詳細資訊,請務必檢視此處的檔案:

5. Laravel 額外智慧感知

這個 擴充套件為 VSCode 中的 Larave 提供自動補全。

這個擴充套件具有以下自動完成功能:

  • 路由名稱和路由引數
  • 檢視和變數
  • 設定
  • 翻譯和轉換引數
  • Laravel Mix 函數
  • 驗證規則
  • 檢視部分和堆疊
  • 環境
  • 路由中介軟體

有關詳細資訊,請務必檢視此處的檔案:

6. Laravel Goto 控制器

隨著應用程式的增長,控制器的數量也在增長,因此在某些時候,你可能最終會擁有數百個控制器。漢斯找路可能會很乏味。

這正是 VScode擴充套件所解決的問題。

這個擴充套件允許你按下 Alt + 點選路由檔案中的控制器名稱,而後它會引導你從路由到相應的控制器檔案:

有關更多資訊,請檢視檔案:

7. Laravel goto View

與 Laravel goto Controller extension 拓展很相似, 可以讓你從 Controller (控制器)或者 Route (路由)前往 View (檢視)檔案。這可以節省你不少的時間!

你可以使用 CtrlAlt + 點選跳轉到第一個匹配的 Blade 檢視檔案:

有關更多資訊,請務必檢視此處的檔案:

8. DotENV 語法高亮

這個很簡單,但是很方便。這個 VS Code 擴充套件用於突出顯示 .env 檔案的語法,這對於發現一些問題非常方便.

有關更多資訊,請務必檢視此處的檔案:

結論

如果你喜歡所有這些擴充套件,你可以檢視 ,你可以在其中獲得所有提到的擴充套件作為 1個捆綁包

包中唯一沒有包含的擴充套件是 Laravel Blade 片段,所以請確保單獨安裝它!

我希望這個對你有用!

原文地址:https://devdojo.com/bobbyiliev/8-awesome-vs-code-extensions-for-laravel-developers

譯文地址:https://learnku.com/laravel/t/71392

【相關推薦:】

以上就是8 個VSCode中很棒的Laravel開發擴充套件的詳細內容,更多請關注TW511.COM其它相關文章!