引导者本文目录一览：
- 1、Vue用webpack搭建的项目遇到的disconnected问题
- 2、vite和webpack的区别
- 3、webpack作者评价vite
- 4、一分钟科普帖:vite和vue-cli
- 5、quickpage有趣的多页面项目架构
- 6、vue3中vite的配置
Vue用webpack搭建的项目遇到的disconnected问题
1、输入ping github.com。如果连接不上。可以尝试一下淘宝镜像。执行 npm config set registry 这个指定npm 安装依赖包时 使用国内镜像进行安装。
2、之前执行cnpm run dev是可以运行vue项目，但现在提示如上博按错内容。原因是因为我刚刚卸载了一些拆件。
3、打开网络连接属性，双击进入Interner协议（TCP/IP）的属性页，不要选择自动获取DNS，而要选择“使用下面的DNS服务器地址”，首选DNS服务器和备用DNS服务器分别设置为 8和4。过段时间再改成自动获取。
4、npm install npm run dev 然后提示启动成功。但是在浏览器访问该服务器的ip地址+端口发现无法访问 然后在服务器上curl 该ip地址+端口可以得到结果。但是该服务器其他服务均运行正常。
vite和webpack的区别
1、vite服务器的启动速度比webpack快。因为vite启动时不需要打包，不需要分析模块依赖关系，不需要编译，所以启动速度非常快。当浏览器请求所需的模块时，它会编译该模块。这种按需动态编译模式大大缩短了编译时间。
2、vite服务器启动速度比webpack快，由于vite启动的时候不需要打包，也就无需分析模块依赖、编译，所以启动速度非常快。
3、webpack 是一个全能选手，啥都能干，只是有点复杂，对新手不太友好。Rollup 是后起之秀，打包更简洁。vite 把 rollup 变成了“开袋即食”，便于新手入门。create-vue 基本取代了 vue-cli，除非你想创建 vue2 的项目。
4、分析了webpack和vite的打包方式后，也就明白了为什么vite比webpack打包快，因为它在启动的时候不需要打包，所以不用分析模块与模块之间的依赖关系，不用进行编译。
webpack作者评价vite
1、很多使用过vuewebpack转vite的程序员这样评价它webpack转vite，“vue.js兼具angular.js和react.jswebpack转vite的优点webpack转vite，并剔除webpack转vite了它们的缺点”。
2、项目越大，文件越多，vite的开发优势就越明显。Vite热更新比webpack快。在HRM中的vite，当一个模块的内容发生变化时，只需让浏览器重新请求该模块，而不需要像webpack一样重新编译该模块的所有依赖关系。Vite很好用。
3、vite服务器启动速度比webpack快，由于vite启动的时候不需要打包，也就无需分析模块依赖、编译，所以启动速度非常快。
一分钟科普帖:vite和vue-cli
1、与Vue CLI类似， Vite也是一个提供基本项目脚手架和开发服务器的构建工具。然而，Vite并不是基于Webpack的，它有自己的开发服务器，利用浏览器中的原生ES模块。这种架构使得Vite比Webpack的开发服务器快webpack转vite了好几个数量级。
2、vue-cli相当于脚手架， 给webpack转vite你自动生成模板工程 ；vue-router是 vue路由插件， 支持webpack转vite你单页应用的 ；vue-loader是webpack下loader插件， 可以把.vue文件 输出成组件。
3、 vue-cliwebpack转vite： 而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。
4、本篇文章所说的内容是vue-cli项目中如何缩短首屏加载时间以提高效率，代码都非常详细，有需要的朋友可以看一下。主要是首屏加载太慢。
quickpage有趣的多页面项目架构
1、webpack 多页面是基于多入口的实现webpack转vite，由于在开发调试的时候，所有入口都会重新计算 bundle，所以随着项目页面逐渐变多，调试效率会大幅下降。
2、.1实行项目负责管理结构体制，设立技术、信息和市场分组，分别保证网站建设、信息资源组织管理和网站市场推广营销的细分项目工程实施webpack转vite；完善岗位制度。
3、需要效率快的话可以用无代码平台开发。webpack转vite我知道的有quickbase和Claris和魔方网表，不过国内推荐用魔方网表，无代码开发，集成扩展能力强，同时具备apaas和ipaas的能力，开发快，修改调整也快。
4、l设计模式和框架结构 lXML语言 l网页脚本语言 l数据库 l应用服务器 l集成开发环境 下面我们具体地看每个技术. Java语言 Java语言体系比较庞大，包括多个模块。
vue3中vite的配置
1、使用Vite搭建Vue的TypeScript版本的时候webpack转vite，可以使用 Vite自带的模板预设 —— vue-ts 。
2、在Vue3中webpack转vite，定义侦听器，需要引入 watch组合式API 。 watch函数 有三个参数：① 侦听谁，② 回调函数，③ 配置对象(可以省略)。
3、搭建vite项目的命令。我的目前是115，升级一下：目前是0 新建vite项目命令行：输入y即可。
