当前位置: 首页 > article >正文

微服务电商平台课程四: 搭建本地前端服务

微服务电商平台课程四: 搭建本地前端服务

前提大家要将第三节《微服务电商平台课程三:搭建后台服务》中的后台启动起来。才能进入第三节的前端服务。

pc端代码

(1) 克隆源码

Shell
git clone https://github.com/macrozheng/mall-admin-web.git

(2)安装依赖

Shell
nvm list
nvm use 12.14.0
cd mall-admin-web
npm install

如果遇到node-sass安装不成功(可选)

Shell
# linux 系统
export SASS_BINARY_SITE=https://npmmirror.com/mirrors/node-sass/ npm install node-sass
# window
set SASS_BINARY_SITE=https://npmmirror.com/mirrors/node-sass&& npm install node-sass

(3)启动服务

Shell
npm run dev

打开http://localhost:8090/

测试账号 admin

测试密码 macro123

这个系统主要是用于,主要后台用户管理

  • 商品管理:
  • 订单管理:
  • 促销管理:
  • 内容管理:
  • 用户管理:

移动代码

移动端安装相对麻烦一点,面向用户端

(1) 克隆源码

Shell
git clone  https://github.com/macrozheng/mall-app-web.git

(2)HBuilderX 打开上述代码:

(2)点击工具->插件安装可以进行插件的安装,这里安装的插件如下,注意这里只有Git插件是我从这个功能中安装的,其他插件均会在项目运行时自动安装;

(3) 启动

  • 然后点击运行->运行到浏览器选择chrome即可运行项目;

(4)如果你想修改运行端口的话,可以修改manifest.json文件,更改Web配置中的前端开发服务端口,这里为防止与其他项目端口冲突,我改成了8060

注意,现阶段搭建的环境都是本地开发环境,线上安装有所区别,等后续在跟大家介绍(前提需要服务器)。

这些步骤是搭建本地环境,至于发布生产环境,大包方式有点不太一样,后续章节,再进行详解.


http://www.kler.cn/a/394066.html

相关文章:

  • 飞牛云fnOS本地部署WordPress个人网站并一键发布公网远程访问
  • redis7.x源码分析:(1) sds动态字符串
  • HTTP常见的请求头有哪些?都有什么作用?在 Web 应用中使用这些请求头?
  • MySQL重难点(一)索引
  • 什么是数字图像?
  • springboot项目中,使用ProGuard 对代码进行混淆
  • WPF学习之路,控件的只读、是否可以、是否可见属性控制
  • 〔 MySQL 〕数据类型
  • 基于HTTP编写ping操作
  • Day44 | 动态规划 :状态机DP 买卖股票的最佳时机IV买卖股票的最佳时机III
  • 【大数据学习 | HBASE高级】rowkey的设计,hbase的预分区和压缩
  • redis 原理篇 31 redis内存回收 内存淘汰策略
  • 【混沌系统】洛伦兹吸引子-Python动画
  • vueRouter路由切换时实现页面子元素动画效果, 左右两侧滑入滑出效果
  • 数据分析编程:SQL,Python or SPL?
  • 机器学习—为什么我们需要激活函数
  • 分享 | 中望3D 2025发布会提及的工业数字化MBD是什么?
  • 本溪与深圳市新零售产业互联协会共商世界酒中国菜湾区农业发展
  • 力扣257:二叉树的所有路径
  • adb不识别设备(手机)的若干情形及解决方法
  • 研究生如何远控实验室电脑?远程办公功能使用教程
  • 论文学习_Efficient Algorithms for Personalized PageRank Computation: A Survey
  • 【案例】定性数据分析软件NVivo 在医疗保健领域的应用
  • A034-基于Spring Boot的供应商管理系统的设计与实现
  • Excel筛选的操作教程
  • ThreadLocal原理及其内存泄漏