系统要求

开发工具

微信小程序IDE+其他厂家小程序IDE+HBuilderX-IDE+手机模拟器

硬件要求

测试环境基本要求：window7 window10系统即可

软件要求

需要自行安装 mysql5.6、vue-cli、node、npm

需要启动 mysql-server、商城数据接口服务 、后台商城管理系统服务

项目结构说明

shop_U 项目框架目录
	common 公共代码目录
    	css:项目样式目录
         js:项目公共js目录
    components 项目公共页面组件目录
    pages 项目页面目录
    	index:商城首页文件
        classify:商品分类文件
        product:商品列表文件
        details:商品详情文件
        cart:购物车文件
        confirm:订单确认文件
       	order:订单详情文件
        mine:个人中心文件
        login:登录文件
        smssend:短信登录文件
        search:商品搜索文件   
    static 静态文件目录
    	index:首页静态目录
        classify:商品分类静态目录
        detail:商品详情静态目录
        mine:个人中心静态目录
        tabbar:选项卡静态目录
    unpackage 项目各平台运行包目录
    	dist:各平台项目运行包目录
            dev:各平台本地测试运行包目录
            build:各平台正式发行包目录
    utils 常用工具类目录
    	ActionImage.js:图片自适应处理文件
        api.js:常用api文件
        config:项目配置文件文件
        request.js:项目网络请求文件
    app.vue 项目根组件
    main.js 项目入口文件
    mainfest.json:多端配置文件
    pages.json:项目全局配置文件
    uni.css:常用css样式变量文件

小程序开发工具

微信小程序工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

百度小程序工具下载地址：https://smartprogram.baidu.com/docs/develop/devtools/history/

支付宝小程序工具下载地址：https://opendocs.alipay.com/mini/ide/downloa

其他平台去其对应官方平台查找即可,这里以微信小程序为主

下载完默认安装即可

安装HBuildX工具

下载地址：https://www.dcloud.io/hbuilderx.html

下载完默认安装即可

安装手机模拟器

下载地址：https://www.ldmnq.com/

下载完默认安装即可

安装node

下载地址：https://nodejs.org/en/download/

下载完默认安装即可

查看node版本号

node --version

注册淘宝镜像（为了提高下载速度）

npm config set registry "https://registry.npm.taobao.org" 

配置后可通过下面方式来验证是否成功

npm config get registry

注意按node时候会自动安装npm，所以npm无需单独安装。

安装vue-cli脚手架

npm install -g @vue/cli

查看vue-cli版本号

vue -V

安装mysql服务器

下载地址：https://dev.mysql.com/downloads/mysql/

安装参考地址：https://blog.csdn.net/qq_42543312/article/details/81543753

安装配置好服务可以自启，不需要每次手动启动

启动商城数据接口服务

注意首先运行mysql数据库服务

进入接口项目根目录下执行

npm start

启动商城后台管理系统

进入项目根目录下执行

npm start