一、项目配置
node 15.14.0
官网下载
https://nodejs.org/zh-cn/download/releases
npm 7.7.6
下载node后自动安装npm,如果版本不对就更换对应版本
npm install react@7.7.6
下载项目源码
链接:https://www.123pan.com/s/bT07Vv-WICcv.html
解压到一个文件夹中,最好用英文,打开vue_shop文件
要用node 15.14.0 和npm 7.7.6
-
通过npm install 安装项目所需的依赖包
-
npm run serve 命令来启动项目
-
启动成功后可以通过链接访问项目页面
-
前端配置完成,还需要配置服务器
二、Wampserver服务器搭建
下载wampserver3.1.7
链接:https://www.123pan.com/s/bT07Vv-sICcv.html
根据服务器搭建说明文档安装(在商城项目文件下)
一直点下一步就行
需要注意的是
打开后图标变绿服务才全部启动
最好是安装在c盘,不然会出现各种奇怪的问题
注意:第七步路径是wamp64
问题
wampserver 2/3个服务器正在运行问题
-
右键我的电脑–》管理–》服务和应用程序–》服务
找到这三个服务,如果有没开启的手动开启 -
wampmysqld64服务无法启动解决办法
以前安装的mysql数据库,配置的端口号为3306,wampserver自带的端口号也为3306,所以在链接数据库的时候是可以连接的但是无法启动wampmysqld64服务在服务中关闭mysql服务,将启动方式设置为手动,腾出端口再启动wampmysqld64服务
成功后
通过路径访问后台:http://tpadmin.test/admin