Skip to content

miracle-git/m2-vue-mfe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

基于M2微前端框架搭建的企业级微前端框架应用。

运行步骤

  • 首先全局安装m2-cli (如果你已安装,请忽略)
npm install -g m2-cli

安装主应用

  • 通过m2命令行一键下载项目脚手架
m2 init (也可使用别名m2 i)
  • 当出现Project Type选项时,请输入修改为mfe(不然将默认建一个web工程模板了~~)
  • 然后会依次提示您输入项目名称,描述,类型,作者等信息(不输入将采用默认值)
  • 当出现Project init successfully表示项目脚手架已下载成功
  • 配置主项目public/apps.conf.json中所有子项目的信息
  • 按照操作指引安装依赖,运行项目即可(需保证子项目全部启动)

提示:如果你忘记修改项目名称,描述等信息,可直接下载完成后修改package.json中的name,title,author,description以及repository.url

安装子应用

  • 通过m2命令行一键下载项目脚手架
m2 init (也可使用别名m2 i)
  • 然后会依次提示您输入项目名称,描述,类型,作者等信息(不输入将采用默认值)
  • 当出现Project init successfully表示项目脚手架已下载成功
  • 运行项目之前,查看主项目public/apps.conf.json中配置的name,port
  • 修改对应子项目的package.json的name和vue.config.js中的port
  • 按照操作指引安装依赖,运行项目即可

提示:如果你忘记修改项目名称,描述等信息,可直接下载完成后修改package.json中的name,title,author,description以及repository.url

  • 接下来,就开始你的快乐编程之旅把!