对于开发和学习任何一门新技术，新框架，最主要的还是能够运行起来，怎么运行起来，这才是最主要的。所以，我们来说一下Vue.js的安装方式。
因为Vue.js的设计初始，就是一个渐进式的JavaScript框架，所以你可以按需所用，这也就造就了他可以使用多种方式集成到一个项目中。
当前文档的最新版本为:3.2.12to3.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项目。
使用npminit创建应用
npm6.x和7.x有不同之处。
npm6.x
npminitvite
latest--templatevuenpm7+，需要加上额外的双短横线
npminitvite
latest----templatevue然后进入到project目录中，特别尴尬，大佬竟然在凌晨3点提交了Vue.js的3.2.13版本，导致npminstall一直提示找不到对应的信息。不怕技术牛逼的人，就怕技术牛逼的人还在拼。找不到的原因是因为私服的存在，有一定的延迟性，没有办法及时的更新npm依赖。解决办法是暂时的把私服或者加速关闭，使用官方源进行install就可以了。
cd
npminstall
npmrundev
打开浏览器查看效果：
使用yarn创建项目
yarncreatevite--templatevue
cd
yarn
yarndev
浏览器效果同上，不在截图。
使用pnpm创建项目
pnpmdlxcreate-vite--templatevue
使用cd进入目录
pnpminstall
pnpmrundev
浏览器查看效果和第一个效果一致，不再截图。
pnpm
pnpm是一个新的构建方式，类似于maven，把所有的依赖文件相对单独存放，这样的好处是，当你的依赖重复的时候，不会在各自的应用中重复出现，节省磁盘的空间和安装速度。使用npminstall-gpnpm安装使用。具体可以查看