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

Mertens 发布于2019-07-01 11:16 / 1529人阅读

摘要：此扩展使用安装在已打开的工作区文件夹内的库。此扩展由开发，是一个与之间的调试适配器。它具有零依赖性，并可以极大程度地工作于任何规模的项目里。查看先前文件的拷贝或者将其与工作区版本或先前版本进行比较，查看编辑器里对活动行的更改。

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

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

设置 Laravel 的 Vscode 环境

安装下面的插件：

Auto Close Tag

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

Beautify

在 Visual Studio Code 中格式化 javascript 、JSON 、 CSS 、Sass，以及 HTML。

Better Merge

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

Debugger For Chrome

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

Eslint

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

Npm

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

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 或缺失某些功能。

Git History

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

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

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

更多翻译文章请见 PHP / Laravel 开发者社区 https://laravel-china.org/top...

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/30032.html

实录分享&视频 | 微软Visual Studio Code是这样支持Docker的

摘要：分享嘉宾是来自微软云计算事业部的高级软件开发工程师刘鹏。是微软开源的一款开发工具，它针对做了许多编译和命令上的支持。今天主要向大家介绍一下微软去年推出的一个，以及对的一些支持。年他加入微软，从事开发的工作。本文是数人云分布式架构的开源组件大选Meetup的实录分享。分享嘉宾是来自微软云计算事业部的高级软件开发工程师刘鹏。Visual Studio Code是微软开源的一款开发工具，它...

leoperfect 2019-06-28 17:49 评论0 收藏0
Top 10 JavaScript编辑器，你在用哪个？

摘要：在这个编辑器中，和是其中排名靠前的两个。是一个免费的轻量级编辑器和，用于和开发。对于免费的代码编辑器来说，是一个很好的选择。可以安装两个命令行实用程序，用于从启动编辑器，用于管理的软件包。对于JavaScript程序员来说，目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持javascript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。为什...

zombieda 2019-08-21 11:45 评论0 收藏0
后端API从入门到放弃指北

摘要：菜鸟教程框架中文手册入门目标使用搭建通过对数据增删查改没了纯粹占行用的拜后端API入门学习指北了解一下一下概念. RESTful API标准] 所有的API都遵循[RESTful API标准]. 建议大家都简单了解一下HTTP协议和RESTful API相关资料. 阮一峰:理解RESTful架构阮一峰:RESTful API 设计指南 RESTful API指南依赖注入 D...

Jeffrrey 2019-08-16 12:31 评论0 收藏0
后端API从入门到放弃指北

摘要：菜鸟教程框架中文手册入门目标使用搭建通过对数据增删查改没了纯粹占行用的拜后端API入门学习指北了解一下一下概念. RESTful API标准] 所有的API都遵循[RESTful API标准]. 建议大家都简单了解一下HTTP协议和RESTful API相关资料. 阮一峰:理解RESTful架构阮一峰:RESTful API 设计指南 RESTful API指南依赖注入 D...

sf190404 2019-07-30 16:53 评论0 收藏0
后端API从入门到放弃指北

摘要：菜鸟教程框架中文手册入门目标使用搭建通过对数据增删查改没了纯粹占行用的拜后端API入门学习指北了解一下一下概念. RESTful API标准] 所有的API都遵循[RESTful API标准]. 建议大家都简单了解一下HTTP协议和RESTful API相关资料. 阮一峰:理解RESTful架构阮一峰:RESTful API 设计指南 RESTful API指南依赖注入 D...

Airmusic 2019-07-01 10:10 评论0 收藏0