前端开发环境搭建文档

后台-系统设置-扩展变量-手机广告位-内容正文顶部

前端开发环境搭建

安装nodejs

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

  •   访问https://nodejs.org/en/download/从官网下载12.16.2版本进行安装
  •   安装完成后测试是否安装成功

  #两条命令都成功输出版本号,说明安装成功

  node-v

  npm-v

  安装yarn

  npminstallyarn-g--registry=https://registry.npm.taobao.org

搭建PC端(pc买家端、买家端、管理端)

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

  •   下载源码到本地

  #克隆pc项目

  gitclonehttps://gitee.com/enation/ui.git--branchfeature_7.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:{

  base:env.API_BASE||'https://api.javamall.com.cn/base',

  buyer:env.API_BUYER||'https://api.javamall.com.cn/buyer',

  seller:env.API_SELLER||'https://api.javamall.com.cn/seller',

  admin:env.API_ADMIN||'https://api.javamall.com.cn/admin'

  }

  }

  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目录

  cdbuyer/pc

  #安装依赖。(安装了yarn可执行yarn的命令)

  yarninstall--registry=https://registry.npm.taobao.org

  #运行开发环境

  yarnrundev

  买家端访问地址:

  http://localhost:3000

  卖家端

  #进入卖家端目录

  cdmanager-seller

  #安装依赖。(安装了yarn可执行yarn的命令)

  yarninstall--registry=https://registry.npm.taobao.org

  #运行开发环境

  yarnrundev

  卖家端访问地址:

  http://localhost:3002

  管理端

  #进入卖家端目录

  cdmanager-admin

  #安装依赖。(安装了yarn可执行yarn的命令)

  yarninstall--registry=https://registry.npm.taobao.org

  #运行开发环境

  yarnrundev

  管理端访问地址:

  http://localhost:3003

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

  sudo-i

  或者设置node-sass国内源

  npmconfigsetsass_binary_sitehttp://cdn.npm.taobao.org/dist/node-sass-g

移动端环境搭建

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

  以上就是易族智汇javashop整理的关于前端开发环境搭建文档,欢迎阅读参考。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

后台-系统设置-扩展变量-手机广告位-内容正文底部
留言与评论(共有 0 条评论)
   
验证码: