【VueThink】Win10搭建wamp server服务器并运行vuethink项目

服务器并运行vuethink项目"/>

【VueThink】Win10搭建wamp server服务器并运行vuethink项目

1.下载wamp server服务器

官网连接：
百度云链接: 密码: 1999

2.wamp server服务器安装与启动

wamp安装：
按照步骤安装wamp，安装完wamp会自动启动。
安装过程中可能会提示缺少组件，下载安装即可。
组件链接: 密码: uoek

wamp启动：
显示绿色，启动成功。
显示橙色，查看wamp的三个服务是否启动。


正常情况下三个服务的状态都应该是“正在启动”，若有没启动的，继续查看相应端口是否被占用。比如wampmysql无法启动，则查看是否有其他MySQL正在启动从而占用了端口。

在浏览器输入localhost，出现如下页面

若打不开页面，则左键点击wampserver图标，点击apache，选择http.conf 。 查看localhost对应的端口号，这里是8081


浏览器输入localhost:8081即可

3. phpmyadmin配置

启动wamp后，在浏览器输入localhost/phpmyamin。

一般情况下，用root账号无密码登录即可。
但若出现密码错误等报错提示，则需要把phpmyadmin的密码配置成和本地mysql密码一致。

命令行输入mysql -u root -p，若知道密码则登录；若不知道密码，则修改密码（去网上搜教程），然后登录。

进入C:\wamp64\apps\phpmyadmin5.0.2

编辑config.inc.php文件，修改user和password为root和上面设置的mysql密码。

修改完之后重启wamp，再进入localhost/phpmyadmin页面，用刚刚的账号密码登录。

4.部署vuethink项目

1.把vuethink项目放在wamp的www目录下

2.phpmyadmin中导入vuethink项目的数据库（*.sql）

3.进入C:\wamp64\www\VueThink\tp5_1\config，配置database.php

将username和password配置成和phpmyadmin以及mysql一样的账号和密码（若上一步没有出现phpmyadmin登录报错的情况，则不用修改）

4.去官网下载node.js并配置环境变量

node.js链接: 密码: pmw8
配置环境变量：


在命令行输入node -v/npm -v，若出现版本则安装成功

5.在命令行中进入frontEnd文件夹，输入npm install

6.npm安装完毕之后，输入npm run dev，自动跳转到浏览器

至此，vuethink项目部署成功。