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

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和passwordroot和上面设置的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项目部署成功。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值