后台-系统设置-扩展变量-手机广告位-内容正文顶部 |
前端开发环境搭建
安装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整理的关于前端开发环境搭建文档,欢迎阅读参考。
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。