背景

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

期望

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

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

实现过程

1. 准备好gitlab，需要注意版本信息，需要与runner匹配兼容
2. 准备好gitlab-runner ，需要注意版本信息，需要与gitlab匹配兼容
3. 登录gitlab查看gitlab的CI注册地址与token
4. 运行gitlab-runner的注册功能将gitlab-runner注册到gitlab中
5. 在该项目中的根目录增加 .gitlab-ci.yaml文件
6. gitlab会自动检测gitlab-ci.yaml这个文件，并根据内容执行自动CI

了解概念

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

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

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