操作系统:Windows。 请注意查看文章右侧的目录。了解文章的整体结构。 文章中提供的软件下载地址,均为近期从官方或其他正规网站下载后,转存到百度云中,可以减少你查找资源的时间。

全局注意事项

该注意事项,需要在下面的很多步骤中都需要留意。所以统一写到最前面。

  • 1111
  • 2222

搭建开发环境

请按照顺序完成一下软件的安装,并根据配置要求进行设置,并检测是否安装成功。

wnmp

下载地址:http://pan.baidu.com/s/1i4wE3Yl

说明:wnmp 集成了 Nginx,MariaDB(Mysql),PHP。 MariaDB 和 Mysql 基本上没有区别,你直接把它当作是 Mysql 就可以了。 数据库默认的帐号为:root 密码为:password

配置:将 php.exe 所在目录添加到环境变量。

安装成功检测:在浏览器中打开 localhost,能够看到 wnmp 的网页。

VPN

说明:请准备好 VPN 或其他梯子,可以去讨论组中请教大家哪个 VPN 好用。后面的安装需要全程挂载 VPN。

node

下载地址:http://pan.baidu.com/s/1jHfHxII

说明:node 主要为了方便我们之后使用 npm install。

配置: 设置淘宝的 npm 镜像,设置方法:

设置完成后,当你再遇到使用 npm 命令时,将 npm 替换为 cnpm。例如:

安装成功检测:在任意位置打开 cmd 窗口,执行命令 node -v ;npm -v。

如何在任意位置打开 cmd,在任意文件夹内,按下 shift,按下鼠标右键,会发现右键菜单有一个在此处打开命令窗口。

Git

下载地址:http://git-scm.com/download/ 请在网页中根据自己的系统进行选择,32位或64位。

配置:安装过程中,记得安装的位置,然后找到 git.exe,将 git.exe 所在目录设置到环境变量。

安装成功检测:在任意位置打开 cmd ,执行命令 git。

composer

下载地址:http://pan.baidu.com/s/1mhgt3k8

说明:Composer 是 PHP 的一个依赖管理工具。它允许你申明项目所依赖的代码库,它会在你的项目中为你安装他们。

注意:安装前需要开启 VPN。

配置:

  • 设置环境变量,请将 Composer 的安装目录设置到环境变量。
  • 设置国内镜像,打开 cmd,执行以下命令:

    composer config -g repo.packagist composer http://packagist.phpcomposer.com

安装成功检测:在任意位置打开 cmd,执行命令 composer,有反馈。

phpstorm

下载地址:http://pan.baidu.com/s/1i3UUppV

说明:上面下载地址的版本是 phpstorm9。很好用的一个 IDE,集成了 git 界面管理工具,很方便你之后使用 git。 已经有了 phpstorm10,你可以自己升级。

配置:付费使用或其它。自行解决。

安装成功检测:能够正常打开。

安装项目

前提

确认自己已经完成了前面的搭建开发环境的步骤。

从 git clone 克隆代码

参考这篇文章的第三部分 3 使用 PhpStorm 下载项目

执行安装步骤

前提要求

切记:执行下文中的命令时要切换到项目根目录。

cnpm install -g gulp bower

说明:全局安装 gulp 和 bower 两个模块。

注意:安装的时间比较长,大概 5—10分钟,请耐心等待。

可能遇到的问题:

  • 遇到有个别模块需要选择版本,去讨论组中请教他人。
  • 有个别模块即使在使用 cnpm 淘宝镜像源 的情况下,依然需要翻墙安装。

cnpm install

说明:安装根目录下 package.json 指定的组件

注意:如有警告产生,可忽略,安装完成后,项目目录会新增 node_modules 文件夹

bower install

说明:安装根目录下 bower.json 指定库

注意:安装完成后,项目目录会新增 bower_components 文件夹

composer install

安装根目录下 composer.json 指定库 安装完成后,项目目录会新增 vendor 文件夹

创建 .env

说明:复制 .env.example,重命名为 .env

注意:

  • 请在 phpstorm 中进行复制粘贴,在文件管理器中可能无法找到文件。

php artisan key:generate

说明:生成 Application Key,终端会输出一个随机字符串,并写入 .env 的 APP_KEY

nginx 配置

说明:这里是根据 nginx 中默认的 HTTP server 进行了修改,下面的内容可以修改的更加精简,请自行解决。nginx 配置文件值得认真了解,了解更多关于 nginx 的配置,请自行查找资料。

配置:请直接将以下内容复制粘贴到 nginx.conf 中。 粘贴的位置为:搜索内容找到这一行 # End HTTP Server,将以下内容复制到这一行的下面。 注意根据中文提示,修改其中的内容,并将提示的中文部分删除。

gulp && gulp watch

说明:在运行 gulp watch 之后会有几个链接依次访问下。

注意:

  • 执行这个命令之前请退出代理软件。
  • 无法打开 localhost:3000 ,请修改项目目录下的 gulpfile.js 文件中的 proxy 为 localhost:8000。

运行项目

注意:

  • 请正确填写 .env 中的数据库的配置信息,否则会出现项目访问很慢的情况。

常见问题与解决方案收集

1、执行 php artisan migrate 命令出现这个异常的话 :
failed to open stream: No such file or directory
需要到 storage\logs 目录下 新建一个名为 sql 的目录
然后再执行 php artisan migrate 命令就不会出错了

发表评论

电子邮件地址不会被公开。 必填项已用*标注