为 Laravel 开发者准备的 8 个很棒的 VS 代码扩展

简介

虽然我仍然是 sublime 的粉丝,但在相当长的一段时间内,我主要使用 VS Code。

对于刚开始使用 Laravel 的任何人,我建议你学习这个 Laravel 基础课程

这是我为 Laravel 开发人员提供的前 8 个 VS Code 扩展列表,这将帮助你提高工作效率!

1. Laravel Blade 片段

Laravel Blade 片段 扩展为你的 VS 代码编辑器添加了对 Laravel Blade 的语法高亮支持。

laravel 开发者的 Visual Studio 扩展

此扩展的一些主要功能是:

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

为了确保扩展按预期工作,需要进行一些额外的配置。在 File -> Preferences -> Settings 并将以下内容添加到你的 settings.json:

"emmet.triggerExpansionOnTab": true,
"blade.format.enable": true,
"[blade]": {
    "editor.autoClosingBrackets": "always"
},

这将启用 Emmet 标记的制表符完成,如果启用 blade 格式设置。

有关可用 Snippets 的更多信息,请务必查看文档:

laravel 的 VSCode 扩展

2. Laravel Snippets

这可能是我个人最喜欢的!这个 Laravel Snippets 扩展 为外观添加代码片段 Request::, Route:: 等。

laravel 的 VSCode 扩展

一些受支持的片段前缀包括:

  • 认证
  • 广播
  • 缓存
  • 配置
  • 控制台
  • Cookie
  • 加密
  • 数据库
  • 事件
  • 视图

有关可用片段的更多信息,请务必查看此处的文档:

larave 的 VSCode 扩展

3. Laravel Blade 片段

当你试图在 Blade 视图中用 {{ }} 和你的整个行返回4个空格时,这不是很烦人吗?好吧,幸运的是, 这个 Laravel Blade 片段 解决了这个问题!

Laravel blade 片段扩展会自动为你的 blade 模板标记添加间距:

Laravel blade 片段 vs code 扩展

有关更多信息,请确保查看此处的文档:

laravel 的 VSCode 扩展

4. Laravel Artisan

我个人一直喜欢使用命令行,但我必须承认这个 Laravel Artisan 扩展太棒了!它允许你直接从 Visual Studio 代码中运行 Laravel Artisan 命令!

Laravel Artisan VSCode 扩展

Some 的主要功能是:

  • 创建控制器、迁移等文件。
  • 运行你自己的自定义命令
  • 管理你的数据库
  • 清除缓存
  • 生成密钥
  • 查看所有应用程序路由
  • 出于测试目的管理你的本地php服务器

有关详细信息,请务必查看此处的文档:

laravel 的 VSCode 扩展

5. Laravel 额外智能感知

这个 Laravel 额外智能感知 扩展为 VSCode 中的 Larave 提供自动补全。

Laravel 自动压缩 VScode 扩展

这个扩展具有以下自动完成功能:

  • 路由名称和路由参数
  • 视图和变量
  • 配置
  • 翻译和转换参数
  • Laravel Mix 函数
  • 验证规则
  • 查看部分和堆栈
  • 环境
  • 路由中间件

有关详细信息,请务必查看此处的文档:

laravel 的 VSCode 扩展

6. Laravel Goto 控制器

随着应用程序的增长,控制器的数量也在增长,因此在某些时候,你可能最终会拥有数百个控制器。汉斯找路可能会很乏味。

这正是Laravel-goto-controller VScode扩展所解决的问题。

这个扩展允许你按下 Alt + 点击路由文件中的控制器名称,而后它会引导你从路由到相应的控制器文件:

Laravel goto Controller vscode extension

有关更多信息,请查看文档:

VSCode extensions for laravel

7. Laravel goto View

与 Laravel goto Controller extension 拓展很相似, Laravel goto View VScode extension 可以让你从 Controller (控制器)或者 Route (路由)前往 View (视图)文件。这可以节省你不少的时间!

你可以使用 CtrlAlt + 点击跳转到第一个匹配的 Blade 视图文件:

Laravel 去查看 VS Code 扩展

有关更多信息,请务必查看此处的文档:

laravel 的 VSCode 扩展

8. DotENV 语法高亮

这个很简单,但是很方便。这个 DotENV VS Code 扩展用于突出显示 .env 文件的语法,这对于发现一些问题非常方便:

VS 代码 dotenv 高亮显示

有关更多信息,请务必查看此处的文档:

laravel 的 VSCode 扩展

书本推荐

如果你是 Laravel 的粉丝,请务必查看 Laravel 生存指南 电子书!

结论

如果你喜欢所有这些扩展,你可以查看 用于 Visual Studio 代码的 Laravel 扩展包 ,你可以在其中获得所有提到的扩展作为 1个捆绑包

包中唯一没有包含的扩展是 Laravel Blade 片段,所以请确保单独安装它!

我希望这个对你有用!

本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://devdojo.com/bobbyiliev/8-awesome...

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

本文为协同翻译文章,如您发现瑕疵请点击「改进」按钮提交优化建议
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 3
playmaker

标题?vscode

1年前 评论
kis龍 1年前

phpstorm现在占内存真的多,但是VS Code用户体验是真的没有IDEA好!

1年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!