跳到主要内容

前端开发环境搭建文档

安装nodejs​

如果遇到网络问题，可以到nodejs中文网下载 http://nodejs.cn/download/

# 两条命令都成功输出版本号，说明安装成功
node -v
npm -v

安装yarn

npm install yarn -g --registry=https://registry.npm.taobao.org

搭建PC端（pc买家端、买家端、管理端）​

在此之前请安装好Git，并配置好相关环境

  • 下载源码到本地
# 克隆pc项目
git clone https://gitee.com/enation/ui.git --branch feature_5.2.3
  • 项目基本结构（买家、后台管理、商家中心下简称三端）
.
├── buyer          # 买家端
├── manager-admin  # 后台管理
├── manager-seller # 商家中心
├── ui-components  # 商家中心、后台管理公用组件
├── ui-domain      # 三端公用api、domain设置
├── ui-utils       # 三端公用脚本
├── deploy.sh      # 生产环境部署脚本【可根据运行时的参数执行相应操作】
└── start.sh       # 项目生产环境启动脚本【用于当机器重启后，直接启动买家端和nginx】
  • 修改配置文件

1、指定api位置

修改文件：ui-domain/api.js
module.exports = {
    // 开发环境
dev: {
      base: 'http://localhost:7000', //基础api
      buyer: 'http://localhost:7002',//买家api
      seller: 'http://localhost:7003', //卖家api
      admin: 'http://localhost:7004' //管理端api
},
// 生产环境
pro: {
      //生产环境，此处不用配置，略
    }
  }

2、指定ui各个端的位置

修改文件：ui-domain/domain.js

作用是使各个端可以下相互跳转，比如由卖家端点击查看商品详情可以跳转至PC端的商品详情页

module.exports = {
  // 开发环境
  dev: {
    buyer_pc : 'http://127.0.0.1:3000',
    buyer_wap: 'http://127.0.0.1:3001',
    seller   : 'http://127.0.0.1:3002',
    admin    : 'http://127.0.0.1:3003',
    decor    : 'http://127.0.0.1:3004'
  },
  // 生产环境
  pro: {
    buyer_pc : env.DOMAIN_BUYER_PC || 'https://buyer.javamall.com.cn',
    buyer_wap: env.DOMAIN_BUYER_WAP || 'https://m-buyer.javamall.com.cn',
    seller   : env.DOMAIN_SELLER || 'https://seller.javamall.com.cn',
    admin    : env.DOMAIN_ADMIN || 'https://admin.javamall.com.cn',
    decor    : env.DOMAIN_DECOR || 'https://decor.javamall.com.cn'
  }
}

​

  • 编译&运行

买家PC端

# 进入买家端pc目录
cd buyer/pc 
    
# 安装依赖。（安装了yarn可执行yarn的命令）
yarn install --registry=https://registry.npm.taobao.org
    
# 运行开发环境
yarn run dev

买家端访问地址：

http://localhost:3000

卖家端

# 进入卖家端目录
cd manager-seller

# 安装依赖。（安装了yarn可执行yarn的命令）
yarn install --registry=https://registry.npm.taobao.org

# 运行开发环境
yarn run dev

卖家端访问地址：

http://localhost:3002

管理端

# 进入卖家端目录
cd manager-admin

# 安装依赖。（安装了yarn可执行yarn的命令）
yarn install --registry=https://registry.npm.taobao.org

# 运行开发环境
yarn run dev

管理端访问地址：

http://localhost:3003

如果部署node-sass模块出错，请切换到root账号再install: （或者使用yarn）

 sudo -i

或者 设置 node-sass国内源

npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

移动端环境搭建​

shoptnt移动端采用uniapp构建，具体请参考《uniapp上手指南》