1.下载wamp server服务器
官网连接:https://bitnami.com/stack/wamp/installer
百度云链接: https://pan.baidu.com/s/17fGLq0aK-4e_3hxBu5dCeQ 密码: 1999
2.wamp server服务器安装与启动
wamp安装:
按照步骤安装wamp,安装完wamp会自动启动。
安装过程中可能会提示缺少组件,下载安装即可。
组件链接: https://pan.baidu.com/s/14XErm4LR5q8JowYzXTv-2Q 密码: uoek
wamp启动:
显示绿色,启动成功。
显示橙色,查看wamp的三个服务是否启动。
正常情况下三个服务的状态都应该是“正在启动”,若有没启动的,继续查看相应端口是否被占用。比如wampmysql无法启动,则查看是否有其他MySQL正在启动从而占用了端口。
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链接: https://pan.baidu.com/s/1oAoa9UJiY1wQdHr42i2Aug 密码: pmw8
配置环境变量:
在命令行输入node -v/npm -v,若出现版本则安装成功
5.在命令行中进入frontEnd文件夹,输入npm install
6.npm安装完毕之后,输入npm run dev,自动跳转到浏览器
至此,vuethink项目部署成功。