在线商城前台开发环境配置

一、项目配置

node 15.14.0

官网下载
https://nodejs.org/zh-cn/download/releases

npm 7.7.6

下载node后自动安装npm，如果版本不对就更换对应版本
npm install [email protected]

下载项目源码

链接：https://www.123pan.com/s/bT07Vv-WICcv.html

解压到一个文件夹中，最好用英文，打开vue_shop文件

要用node 15.14.0 和npm 7.7.6

1. 通过npm install 安装项目所需的依赖包

   

2. npm run serve 命令来启动项目
   

3. 启动成功后可以通过链接访问项目页面

   

4. 前端配置完成，还需要配置服务器
   

二、Wampserver服务器搭建

下载wampserver3.1.7
链接：https://www.123pan.com/s/bT07Vv-sICcv.html

根据服务器搭建说明文档安装（在商城项目文件下）

一直点下一步就行
需要注意的是
打开后图标变绿服务才全部启动

最好是安装在c盘，不然会出现各种奇怪的问题

注意：第七步路径是wamp64

问题

wampserver 2/3个服务器正在运行问题

1. 右键我的电脑–》管理–》服务和应用程序–》服务

   
   找到这三个服务，如果有没开启的手动开启

2. wampmysqld64服务无法启动解决办法
   以前安装的mysql数据库，配置的端口号为3306，wampserver自带的端口号也为3306，所以在链接数据库的时候是可以连接的但是无法启动wampmysqld64服务

   在服务中关闭mysql服务，将启动方式设置为手动，腾出端口再启动wampmysqld64服务
   

成功后

通过路径访问后台：http://tpadmin.test/admin