miracle-git / m2-vue-mfe

基于m2微前端架构实战项目

基于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

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