说明

产品模块接入是指在 BF2020 中，增加一个服务模块。以中控模块（ccm）为例，如图：

在选择企业之后，左侧会出现企业有权限使用的产品服务，现有九个。我们的产品模块接入，就是需要在之后增加一个产品模块入口。

准备阶段

我们使用 emoti-cli 搭建新的UI工程。使用方式参考README.md

背景

前端已经在新的PC端项目上使用vite+vue3+ts+pinia+vue-router技术栈进行开发(UI库不一样)，但是并没有形成一个统一配置模板。未来开发人员切换项目的时候可能会有一定的熟悉成本，而且在在新的PC端项目开始的时候，还需要再来一次项目初始化。尽早对PC端模板达成一致，可以尽早在项目中实践。

期望

• PC端能统一模板
• 整理出一套模板后，再在此基础上开发gyenno-cli，达到脚本自动化初始化项目

如何形成较稳定的统一模板

了解概念

vue是一个构建用户界面的渐进式框架 
vue-cli 是vue项目的脚手架工具
node是服务器上的JavaScript运行环境，可以理解为 Node = JavaScript+ 操作系统API
npm是包管理器，是 Node.js 平台的默认包管理工具，（yarn）
webpack 是一个静态模块打包器 （gulp grunt）

首先简单回顾上节课我们用vue开发的流程是怎样：

1. 先写好html文件
2. 引入vue.js
3. 然后挂载在DOM节点上，然后编写