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

一、项目配置

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

在线商城前台开发环境配置相关推荐

Python开发环境配置
好久没有写博客了,自从6月份毕业后,进入一家做书法.字画文化宣传的互联网公司(www.manyiaby.com),这段时间一直在进行前端开发,对于后端的使用很少了,整天都是什么html.css.jav ...
vue如何配置服务器端跨域_vue开发环境配置跨域，一步到位
本文要实现的是:使用vue-cli搭建的项目在开发时配置跨域,上线后不做任何任何修改,接口也可以访问阅读时间需要三分钟 production:产品生产环境 development:开发开发环境 ...
安装OpenCV：OpenCV 3.0、OpenCV 2.4.8、OpenCV 2.4.9 +VS 开发环境配置
1.下载和安装OpenCV SDK VS2010不用说,肯定都安装了吧.来说说当前最新的OpenCV版本2.4.8(2014年2月24日),2.4.9 (2014年4月)的下载和安装.与其说是安装,不 ...
ug二次开发环境可以用c语言吗,NX二次开发（1）：开发环境配置
最近小编开始走上NX的二次开发之路,驱动我学习NX二次开发主要是兴趣使然.对NX进行二次开发,首先需要配置好开发环境,下面跟着小编踏上二次开发的道路吧! 本文以NX11.0为例,介绍如何在VS2013 ...
perl开发环境配置(Database,SOCKET,CISCO)j(ReShip)
perl开发环境配置(Database,SOCKET,CISCO) 1. Oracle Client Enviroment 2. Perl Modules Installation 1. Oracle ...
React + Typescript + Webpack 开发环境配置
对于复杂或多人开发的 React 项目来说,管理和使用每个组件的 props . state 或许会成为一件让人头痛的事情,而为每一个组件写文档,成本也会比较大,对项目的开发效率也不是最理想的. Ty ...
python电脑配置苹果笔记本-tensorflow学习笔记1——mac开发环境配置
1. mac电脑推荐配置内存:8G+ cpu:i5+ 硬盘:SSD 128G+ 本人的电脑配置是cpu:i7, 内存:16G,硬盘:SSD 256G 2. mac开发环境配置 1.1 安装pip 打 ...
开发环境配置--Ubuntu+Qt4+OpenCV（三）
同系列文章 1. 开发环境配置--Ubuntu+Qt4+OpenCV(一) 2. 开发环境配置--Ubuntu+Qt4+OpenCV(二) 3. 开发环境配置--Ubuntu+Qt4+OpenCV(三 ...
odoo8.0+PyCharm4.5开发环境配置
终于把odoo的开发环境配置好,现把相关经验教训做个记录分享: odoo8.0+PyCharm4.5开发环境配置(剑飞花 373500710) 1.最佳兼容搭配包试过各种组合 GreenOdoo+p ...