操作系统：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 镜像，设置方法：
|
1 2 |
npm install -g cnpm --registry=https://registry.npm.taobao.org |
设置完成后，当你再遇到使用 npm 命令时，将 npm 替换为 cnpm。例如：
|
1 2 3 |
npm install 替换为下面的命令 cnpm install |
安装成功检测：在任意位置打开 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，将以下内容复制到这一行的下面。 注意根据中文提示，修改其中的内容，并将提示的中文部分删除。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 |
# Begin qijioffer Server server { listen 8000; # IPv4 server_name localhost; ## Parametrization using hostname of access and log filenames. access_log logs/localhost8000_access.log; error_log logs/localhost8000_error.log; ## Root and index files. root d:/mywww/offer/public; 这里修改为你的项目的目录/public index index.php index.html index.htm; ## If no favicon exists return a 204 (no content error). location = /favicon.ico { try_files $uri =204; log_not_found off; access_log off; } ## Don't log robots.txt requests. location = /robots.txt { allow all; log_not_found off; access_log off; } ## Try the requested URI as files before handling it to PHP. location / { ## Regular PHP processing. location ~ \.php$ { try_files $uri =404; fastcgi_pass php_processes; # fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; } location / { try_files $uri $uri/ /index.php?$query_string; } ## Static files location ~* \.(?:css|gif|htc|ico|js|jpe?g|png|swf)$ { expires max; log_not_found off; ## No need to bleed constant updates. Send the all shebang in one ## fell swoop. tcp_nodelay off; ## Set the OS file cache. open_file_cache max=1000 inactive=120s; open_file_cache_valid 45s; open_file_cache_min_uses 2; open_file_cache_errors off; } ## Keep a tab on the 'big' static files. location ~* ^.+\.(?:ogg|pdf|pptx?)$ { expires 30d; ## No need to bleed constant updates. Send the all shebang in one ## fell swoop. tcp_nodelay off; } } # / location } # End qijioffer 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 命令就不会出错了