Laravel入门-开发基本环境配置

我准备建立一个Laravel专栏。将会根据我参与制作Laravel项目、我试验的特性进行系统性、专题性的进行分析和介绍。

这是我的第一篇Laravel介绍——基本开发环境配置。跟着我的脚步，你可以快速完成环境配置，然后在浏览器上打开经典的“Hello Word”。

我们在接触一个“新鲜”框架的时候，很难在短时间内进行一个项目的搭建。但是，Laravel可以做到，而且还不是一般的快。

【操作系统】

Apple Mac M1

macOS Big Sur 版本 11.6

【工具安装】

1. 安装Composer（PHP项目依赖管理工具）

brew install composer

2. Npm 安装（后面有些插件，需要npm来管理）

brew install npm

【创建项目】

刚才我们安装的composer此时就可以派上用场了

composer create-project laravel/laravel HelloLaravel

这行命令，会自动帮助你将Laravel框架安装完毕。此时，你可以在旁边冲一杯咖啡。也许你咖啡还没冲完，项目就搭建成功了。嗯，就是这么轻松和简单。

接下来需要进入HelloLaravel项目的路径

---

【项目内工具安装】

1. Laravel Mix安装

   Laravel Mix 是一款前端任务自动化管理工具，在项目文件更改完成后，直接可以完成编译。

 brew install yarn

由于一些网络原因，我们需要为npm、yarm配置加速。在项目路径下的terminal中依次输入下面两行代码。

npm config set registry=https://registry.npm.taobao.org
yarn config set registry https://registry.npm.taobao.org

下一步需要使用yarn来安装一些依赖

SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass yarn

此时输入下面的代码，验证是否安装成功

npm run watch-poll

出现上面两个图，即为运行成功。这意味着在进行Larave项目开发时，同时laravel服务器正在运行，那么在代码进行更改后，不需要重启Laravel服务器进行编译，只需要在浏览器进行刷新，就能看到你进行的更改。

⚠️注意⚠️：在项目运行中，需要在terminal中一直开启watch-poll，在项目开发结束后，才能将terminal进行关闭。

【运行项目】

输入下面的代码，运行我们构建的Laravel项目

php artisan serve

然后打开浏览器，输入上图中蓝色的网址，来见证奇迹！！！

💐💐💐：恭喜你，此时你已经完成了Laravel项目的搭建，下一步你就可以开始按照你的需求和逻辑，创造出一个优秀的项目了。

💡技巧💡：如果IDE使用的是PHPStorm，那么在IDE的terminal面板中开启两个终端，一个运行Laravel服务器，一个运行watch-poll。