对合作开发和自学任何人两门新技术， 新架构， 最主要的却是能运转出来， 是不是运转出来，这才是最主要的。因此， 他们而言呵呵 Vue.js 的加装方式。
即使 Vue.js 的结构设计如上所述，是两个渐进的 JavaScript 架构，因此你能按需所制，这也就催生了他能采用多种不同方式软件系统到两个工程项目中。
现阶段文档格式的新一代版为: 3.2.12 to 3.2.13
这儿尽可能在文档格式中采用的都是该版， 没大版变动， 无须对文本展开预览。 原本采用 3.2.12 撰写此次该文，但在本该文撰写的操作过程中， 早已升级换代到 3.2.13， 此次讲义也并行升级换代到 3.2.13
在工程项目采用 Vue.js 中通常有4种方式（也可以说是四种方式， 也能说是六种方式）：
1. 在网页上采用 CDN 包的方式引入
2. 浏览 Vue.js 的 JavaScript 文档提及采用
3. 采用 npm 加装它
4. 采用非官方的 CLI 来构建应用领域， 那个是那时后端组织工作业务流程中采用最少的方式。
5. 采用 Vite 构筑辅助工具构筑应用领域
接下去他们说说最终一类方式： 采用 Vite 构筑 Vue 应用领域
Vite 是两个 web 合作开发构筑辅助工具，由于其原生 ES 模块引入方式，能实现闪电般的冷服务器启动。以及快速的展开热部署。
在终端命令中输入以下命令， 就能采用 Vite 构筑 Vue 工程项目。
采用 npm init 创建应用领域
npm 6.x 和 7.x 有不同之处。
npm 6.x
npm init vite@latest –template vue
npm 7+，需要加上额外的双短横线
npm init vite@latest — –template vue
然后进入到 project 目录中， 特别尴尬，大佬竟然在凌晨3点提交了 Vue.js 的 3.2.13 版， 导致 npm install 一直提示找不到对应的信息。 不怕技术牛逼的人， 就怕技术牛逼的人还在拼。找不到的原因是即使私服的存在， 有一定的延迟性， 没办法及时的预览npm 依赖。解决办法是暂时的把私服或者加速关闭， 采用非官方源展开 install 就能了。
cd
npm install
npm run dev
打开浏览器查看效果：
采用 yarn 创建工程项目
yarn create vite –template vue
cd
yarn
yarn dev
浏览器效果同上， 不在截图。
采用 pnpm 创建工程项目
pnpm dlx create-vite –template vue
采用 cd 进入目录
pnpm install
pnpm run dev
浏览器查看效果和第两个效果一致， 不再截图。
pnpm
pnpm 是两个新的构筑方式，类似于 maven，把所有的依赖文档相对单独存放， 这样的好处是， 当你的依赖重复的时候， 不会在各自的应用领域中重复出现， 节省磁盘的空间和加装速度。采用 npm install -g pnpm 加装采用。具体能查看 https://www.pnpm.cn/installation 。
多种不同采用方式早已描述完毕， 很多细节的知识点， 需要后续实际采用的过程中展开详细描述。
如果自学到了一点点知识点， 就给我个关注，点赞吧， 关注不迷路，能查看后续更多关于 Vue.js 的知识点。
