使用 Visual Studio Code 进行 Laravel 开发(转)
转自:https://laravelacademy.org/post/8016.html
关于 Laravel 代码开发工具大家各有所好,大部分应该在用 PHPStorm,Sublime 也有很多粉丝,还有人喜欢 Atom,不过今天要给大家推荐的是微软旗下新推出的编辑器 —— Visual Studio Code,注意这货不是 Visual Studio 那个庞然大物,一字之差,如隔三秋,它只有 46M 的体量,配合丰富的插件库,可以快速搭建适用于各种编程语言的开发利器,比如 PHP、C/C++、Python、Java、Go 以及 JavaScript 等,PHPStorm 大法固然好,但是至少有三个痛点:耗内存、打开JS慢(很多时候竟不能忍)、功能单一(想开发 Java、Python、C?对不起,请到隔壁下载对应 IDE)。Visual Studio Code 很好的解决了这三个痛点,有人说 Sublime 也可以,是的,但是 Visual Studio Code 还具备以下优势:原生集成 Git、Debug,更丰富更易上手的扩展库,以及酷酷的外观:

我已经习惯 Sublime/PHPStorm 的快捷键,不想增加学习成本?这些都不是事儿,Visual Studio Code 支持一键快速导入各种其他编辑器的快捷键,不需要什么学习成本,上手用就是了。你所要做的就是三步:下载安装->安装扩展(有新手引导)->导入快捷键(有新手引导),然后就可以开始编码,就像你已经和她很熟了一样。
对于那些全栈工程师,左手 PHP、右手 JavaScript,时不时还整点 Python、C 之类的全能选手,同时对颜值有较高的要求,我想 Visual Studio Code 不仅是个不错的选择,还是个绝佳的选择,无论是 Mac、Windows、还是 Linux,总有一款适合你。从某种程度上说,把 Visual Studio Code 评为最佳编辑器似乎也不为过:https://www.zhihu.com/question/29984607。
忽然发现我一不小心说的有点多,现在回到正题上来,这么好的工具怎么服务于 Laravel 开发呢?当然是通过合理安装使用插件来搭配我们想要的功能:
Auto Clode Tag
自动添加 HTML/XML 关闭标签,和 Sublime 差不多:

Beautify
美化 JavaScript、JSON、CSS、Sass 和 HTML 代码:

Debugar for Chrome
在 Google 浏览器中调试 JavaScript 代码:

Eslint
在工作区已安装 Eslint 库的文件夹中使用 Eslint 库功能。
Npm
该扩展支持运行定义在 package.json 中的 npm 脚本:

Laravel Blade片段
Laravel Blade 片段和语法高亮支持。
PHP Debug
在 VS Code 中使用 XDebug,使用该扩展需要确保系统已安装 PHP XDebug 扩展。
PHP Intellisense
PHP 代码补全支持、工作区搜索、代码跳转/提示、格式化、错误提示等:

PHP Namespace Resolver
导入 PHP 命名空间。
PHP DocBlocker
PHP 文档区块快速生成。
Git History
查看 Git 历史版本,提交细节等:

IntelliJ IDEA Key Bindings
导入 IntelliJ IDEA 快捷键(兼容 PHPStorm)到 VS Code。
Sublime Text Keymap
导入 Sublime Text 快捷键到 VS Code。
此外由于日常需要我还安装了 Python、Java、C/C++ 相关扩展,这样一个编辑器可以解决所有问题。
感兴趣的你,快去试试这个撸码利器吧:https://code.visualstudio.com/
使用 Visual Studio Code 进行 Laravel 开发(转)的更多相关文章
- 使用Visual Studio Code搭建TypeScript开发环境
使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是 ...
- 新成员!Visual Studio Code --跨平台的开发工具(支持OSX, Linux 和 Windows)
原文出处:新成员!Visual Studio Code --跨平台的开发工具(支持OSX, Linux 和 Windows) 这是我的文章备份 http://www.dotblogs.com.tw/ ...
- Visual Studio Code和Docker开发asp.net core和mysql应用
Visual Studio Code和Docker开发asp.net core和mysql应用 .net猿遇到了小鲸鱼,觉得越来越兴奋.本来.net猿只是在透过家里那田子窗看外面的世界,但是看着海峡对 ...
- Windows下visual studio code搭建golang开发环境
Windows下visual studio code搭建golang开发环境 序幕 其实环境搭建没什么难的,但是遇到一些问题,主要是有些网站资源访问不了(如:golang.org),导致一些包无法安装 ...
- Visual Studio Code配置 HTML 开发环境
Visual Studio Code配置 HTML 开发环境 https://v.qq.com/x/page/l0532svf47c.html?spm=a2h0k.11417342.searchres ...
- Visual Studio Code配置GoLang开发环境
Visual Studio Code配置GoLang开发环境 在Visual Studio Code配置GoLang开发环境 作者:chszs,未经博主允许不得转载.经许可的转载需注明作者和博客主页: ...
- Visual Studio Code 做PHP开发
Visual Studio Code 做PHP开发 1. 在Windows 10环境下安装PHP: 1. 下载自己中意的PHP版本:http://windows.php.net/download (我 ...
- 使用 Visual Studio Code 进行远程开发
使用 Visual Studio Code 进行远程开发 在完成了 AT 指令入门的学习之后,接下来就要使用 AT 指令进行 Socket 通信了.问题在于,之前 .NET 的 Socket 编程只需 ...
- docker4dotnet #3 在macOS上使用Visual Studio Code和Docker开发asp.net core和mysql应用
.net猿遇到了小鲸鱼,觉得越来越兴奋.本来.net猿只是在透过家里那田子窗看外面的世界,但是看着海峡对岸的苹果园越来越茂盛,实在不想再去做一只宅猿了.于是,.net猿决定搭上小鲸鱼的渡轮到苹果园去看 ...
随机推荐
- Codeforces Round #589 (Div. 2)E(组合数,容斥原理,更高复杂度做法为DP)
#define HAVE_STRUCT_TIMESPEC#include<bits/stdc++.h>using namespace std;int f[257],fac[257],ifa ...
- MavenProfile简介
在我们平常的java开发中,会经常使用到很多配制文件(xxx.properties,xxx.xml),而当我们在本地开发(dev),测试环境测试(test),线上生产使用(product)时,需要不停 ...
- SVN安装不成功,提示Invalid driver H:
本来我的SVN安装在H盘,后来我把包含H盘的硬盘下下来了,这样H盘就不存在了. 这时候我想重新安装SVN,点击安装包,结果提示Invalid driver H,怎么都不能安装成功. 这时候我去注册表里 ...
- java中关于&0xFF 的问题
最近遇到一个问题,半天也没想明白,byte temp = 0xA0,为什么System.out.println(temp),打印的值为:-96:而System.out.println(temp& ...
- 07-华为RAID2.0+技术
目录 07-华为RAID2.0+技术 参考 RAID2.0+原理 07-华为RAID2.0+技术
- Spring中@MapperScan注解
之前是,直接在Mapper类上面添加注解@Mapper,这种方式要求每一个mapper类都需要添加此注解,麻烦. 通过使用@MapperScan可以指定要扫描的Mapper类的包的路径,比如: @Sp ...
- vue学习笔记:Hello Vue
编写简单例子,了解下基本语法 <!DOCTYPE html> <html> <head> <meta charset="utf-8 "&g ...
- sublime3常用环境配置
如何设置侧边栏颜色 Ctrl+Shift+P -> install -> 搜索安装包SyncedSidebarBg,自动同步侧边栏底色为编辑窗口底色. 设置快捷键让html文件在浏览器窗口 ...
- 八 Spring的IOC的XML和注解的区别及其整合开发
xml和注解的区别 xml和注解整合开发 注解:取消扫描配置开启注解配置 扫描:<context:component-scan base-package="" /> ...
- FCN训练注意事项
1.如果是类别受两类,需要把标签图二值化为0,1