引导者本文目录一览：
搭建vue3+typescript+vite+yarn项目
1、使用Vite搭建Vue的TypeScript版本的时候，可以使用 Vite自带的模板预设 —— vue-ts 。
2、另外，Vue3支持 Typescript 语法编程也是其中一大亮点，为了 探索 新技术的工程化搭建，本文会把Typescript、vite、pinia等官方周边整合到工程里面。
3、在HbuildX里面，依次找到 工具 - 插件安装 - 安装新插件 - 前往插件市场安装 然后输入typescript，搜索，选择 typescript编译 这是因为typescript编译插件不是HbuildX的核心插件，只能去插件市场。
4、要求是使用 vue3 + typescript 进行开发小程序和H5的跨端应用 在 uniapp 和 taro 这两个之中进行选择 在参了官方和社区示例后最终选择了 taro 。
5、在一番查找后，最终选择了vue-cesium，vue-cesium支持vuetypescript，我把他称为3d版的element-ui，开箱即用，非常方便，免去了各种令人头疼耗时的配置过程，对新手非常友好。
6、在Vite创建的Vue 3项目中，你遇到了`npm ERR！ code EUNSUPPORTEDPROTOCOL`错误。该错误通常表示npm无法识别或不支持给定的URL类型。根据你提供的错误信息，看起来问题出现在尝试通过`npm link`来安装本地依赖时。
vite和webpack的区别
vite服务器webpackvite的启动速度比webpack快。因为vite启动时不需要打包webpackvite，不需要分析模块依赖关系webpackvite，不需要编译，所以启动速度非常快。当浏览器请求所需的模块时，它会编译该模块。这种按需动态编译模式大大缩短webpackvite了编译时间。
webpack 是一个全能选手，啥都能干，只是有点复杂，对新手不太友好。Rollup 是后起之秀，打包更简洁。vite 把 rollup 变成了“开袋即食”，便于新手入门。create-vue 基本取代了 vue-cli，除非webpackvite你想创建 vue2 的项目。
分析了webpack和vite的打包方式后，也就明白了为什么vite比webpack打包快，因为它在启动的时候不需要打包，所以不用分析模块与模块之间的依赖关系，不用进行编译。
vite是vue3推荐的打包工具，相较于webpack，Vite 是基于 native ES module —— 现代浏览器基本已经全部支持了import/export 语法。
webpack作者评价vite
1、项目越大webpackvite，文件越多webpackvite，vite的开发优势就越明显。Vite热更新比webpack快。在HRM中的vitewebpackvite，当一个模块的内容发生变化时，只需让浏览器重新请求该模块，而不需要像webpack一样重新编译该模块的所有依赖关系。Vite很好用。
2、与Vue CLI类似， Vite也是一个提供基本项目脚手架和开发服务器的构建工具。然而，Vite并不是基于Webpack的，它有自己的开发服务器，利用浏览器中的原生ES模块。这种架构使得Vite比Webpack的开发服务器快了好几个数量级。
3、webpack 是一个全能选手，啥都能干，只是有点复杂，对新手不太友好。Rollup 是后起之秀，打包更简洁。vite 把 rollup 变成了“开袋即食”，便于新手入门。create-vue 基本取代了 vue-cli，除非你想创建 vue2 的项目。
4、新项目开发果断使用了 vite0 ， 和 webpack 对比起来， 其他的优点不是很直观，但在 运行、打包、热更新 方面简直倍数差距， 只能说webpackvite我觉得 vite0 很舒服。
5、Vite的细节和优势，您可以自行探索，它旨在简化开发流程，提升效率。然而，我近期在探索Deno时，发现了一些难以忽视的问题，如包管理的繁琐和本地调试的不便。
Vue3.0项目从Webpack改造成Vite
1、评价：Vite 是 vue 的作者尤雨溪在开发 vue0 的时候开发的一个 基于原生ES-Module的前端构建工具。其本人在后来对 vue3 的宣传中对自己的新作品 Vite 赞不绝口，并表示自己 ”再也回不去 webpack 了“ 。
2、webpack 是一个全能选手，啥都能干，只是有点复杂，对新手不太友好。Rollup 是后起之秀，打包更简洁。vite 把 rollup 变成了“开袋即食”，便于新手入门。create-vue 基本取代了 vue-cli，除非你想创建 vue2 的项目。
3、包，需要依赖一些 css ，图片，json 啥的。我们要参考 Cesium 官方的 webpack 教程 来做一堆额外的工作。值得庆幸的是现在 Vite 有了 vite-plugin-cesium 插件，来帮我们完成这些配置。
4、与Vue CLI类似， Vite也是一个提供基本项目脚手架和开发服务器的构建工具。然而，Vite并不是基于Webpack的，它有自己的开发服务器，利用浏览器中的原生ES模块。这种架构使得Vite比Webpack的开发服务器快了好几个数量级。
5、使用Vite搭建Vue的TypeScript版本的时候，可以使用 Vite自带的模板预设 —— vue-ts 。
