webpackdevbuild

vue脚手架安装步骤

1 安装Node.js和npm。
2 打开命令行工具，输入npm install -g vue-cli安装vue脚手架。
3 输入vue init webpack 项目名，生成项目模板。
4 进入项目目录，输入npm install安装依赖。
5 输入npm run dev启动项目，即可开始开发。
延伸：
1. 在vue脚手架中，我们可以通过配置文件对项目进行更加灵活的配置，如添加插件、修改打包规则等。
2. 使用vue脚手架可以快速搭建一个基于Vue.js的前端项目，提高开发效率。

vue脚手架的安装步骤：

一：首先安装vue的脚手架当然要使用nodeJs，可以直接到官网进行安装 https://nodejs.org/zh-cn/

二：安装完成以后win+R打开命令行输入cmd，直接敲node -v就可以查看版本，如果出现一下类似界面，说明安装成功。

三：接下来查看npm是否安装成功（安装node会自动安装npm），命令行敲npm -v出现类似界面说明安装成功。

vite优缺点

优点：

1.快速冷启动：Vite只启动一台静态页面的服务器，不会打包全部项目文件代码，服务器根据客户端的请求加载不同的模块处理，实现按需加载，而我们所熟知的webpack则是，一开始就将整个项目都打包一遍，再开启dev-server，如果项目规模庞大，打包时间必然很长。

2.打包编译速度：当需要打包到⽣产环境时，vite使⽤传统的rollup进⾏打包，所以，vite的优势是体现在开发阶段，另外，由于vite使⽤的是ES Module，所以代码中不可以使⽤CommonJs；

3.热模块更新：在HRM热更新⽅⾯，当某个模块内容改变时，让浏览器去重新请求该模块即可，⽽不是像webpack重新将该模块的所有依赖重新编译；

缺点：

模块之间的依赖关系的解析由浏览器实现；

文件的转换由 dev server 的 middlewares 实现并做缓存；

不对源文件做合并捆绑操作；