专为 Laravel 定制的 Visual Studio Code 编辑器
50

file

嗨 工匠,我从 Laravel4.1 到 5.4 一直再用它,我相信它仍然是最流行的PHP框架。它提供许多功能为快速开发 web 和 Api ,以及5.3支持 VueJs 前端开发。你也有很多神奇的功能在这吧?

我已经尝试使用了很多编辑器如 sublime,phpstorm(在用vs code之前都用它),atom 和现在用的 visual studio code 。每个编辑器都有它各自的优点,但是我第一次试用 visual studio code 的时候,我印象它又酷有强大,特别在 Git 管理,Debug(下面有尝试)及各种扩展插件??

file

设置 Laravel 的 Vscode 环境

安装下面的插件:

Auto Close Tag

自动添加 HTML/XML 的闭合标签,像 Visual Studio IDE 或 Sublime Text 一样。

file

 Beautify

在 Visual Studio Code 中格式化 javascriptJSON 、 CSSSass,以及 HTML

 Better Merge

Visual Studio Code 中非常好用的可视化合并冲突工具,灵感来自于 Atom 中的 merge-conflicts 插件。

file

 Debugger For Chrome

用于在谷歌浏览器中调试 JavaScript 代码的 VS Code 扩展,或支持 Chrome Debugging Protocol 其他功能。

file

 Eslint

此扩展使用安装在已打开的工作区文件夹内的 ESLint 库。如果文件夹没有提供这个库,将会匹配全局安装的版本。如果既没有局部安装、也没有全局安装 ESLint,可以通过运行npm install eslint 进行局部安装或者npm install -g eslint进行全局安装。

 Npm

此扩展支持定义在package.json文件里的 npm 脚本,并根据定义在package.json里的依赖项验证已安装的模块。

file

 Laravel Blade Snippets

Laravel blade 代码片段和语法高亮支持 Visual Studio Code。

 PHP Debug

此扩展由 Derick Rethan 开发,是一个 VS Code 与 XDebug 之间的调试适配器。XDebug 是一个 PHP 扩展(Linux 下的.so文件或 Windows 下的.dll),需要安装在你的服务器上。

 PHP Intellisense Crane

Crane 是 Visual Studio Code  的生产力增强扩展,提供了 PHP 代码的自动完成。它具有零依赖性,并可以极大程度地工作于任何规模的项目里。它仍在开发中,可能存在 Bug 或缺失某些功能。

file

 Git History

使用图表查看 Git 历史,查看 commit 的详情信息,例如作者名、邮件、日期、提交者的作者名、邮件、日期和提交注释。

查看先前文件的拷贝或者将其与工作区版本或先前版本进行比较,查看编辑器(Git Blame)里对活动行的更改。

file

我使用的 Dracula 主题和 Material Icon Theme 图标主题,现在尝试使用 Vscode 在 laravel 里进行调试吧,运行得好吗?


Practice makes perfect.

原文地址:https://medium.com/@ardanirohman/laravel...

译文地址:https://laravel-china.org/topics/17409

本帖已被设为精华帖!
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 15

这个感觉没什么必要作为外文翻译,光看插件名和 gif 图都可以了。。。

3周前
XiaohuiLam

我觉得PHP智能感知用 bmewburn.vscode-intelephense-client 比较好

3周前

@XiaohuiLam 正在用,除了提示信息的显示稍微简陋了一点,其它蛮好。

3周前
Handle

个人习惯是,前端开发我用VS Code,后台我用PHPstorm。

3周前

VS Code 写文档和博客还不错,PHP我还是用PhpStom(除了有时候太卡)

3周前

vscode 智能补全php 需要老长一段时间 比如补全命名空间

3周前

vscode 感觉对 Laravel PHP 支持不好。 打个 php 函数,老半天提示才出来(等个大概两三秒)。 暂时更适合前端。

3周前
Soldoros

没看出来哪里为 Laravel 专门定制了。。。

而且我想知道,就这几个插件如何做到取代 PHPStorm 的。。。。

3周前
XiaohuiLam

VSCode 对 PHP 和 Laravel 补全的支持程度非常接近 PHPStorm 了。关键还是看插件的设置。
file

3周前

我最头疼的是 VSCode 对 blade(xxx.blade.php)格式,前端模板里面的代码不能格式化!!!有高手解决了吗?

3周前

我比较在意的是vscode的追踪代码插件和phpstorm自带的比起来还是差强人意.

2周前
zxk

@XiaohuiLam crane 那个停止更新了。

6天前
XiaohuiLam

@zxk 我推荐的插件是 ben 的,不是 crane

6天前
zxk

Vscode 的PHP Debug 胜于 phpstorm , 无需配置就可以用

4天前
Destiny

@Handle PHP 用 PHPStrom、前端之前我用 Webstrom 现在慢慢转成 VS Code

1天前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!