vue3.0安装 ,vue-cli 和 vite 的区别

1.vue-cli 安装：

        npm init vue@latest

        cd<your-project-name>

        npm install

        npm run dev:运行

        npm run build:打包(生成一个dist文件夹)

        特点： vue-cli在(前端)服务启动之前，要把所有代码打包成Bundle再启动服务，这也是为什么一个些大型项目 启动时，特别慢的原因。这一点在Vite做了大幅度改善

2.vite 安装：

        npm init vite-app<project-name>

        cd<your-project-name>

        npm install

        npm run dev

        特点：Vite是Vue团队开发的新一代前端开发与构建工具，vite不是基于webpack, 它为了解决项目启动慢的问题，vite通过一开始将应用中的模块分为依赖和源码两类，改进了开发服务器的启动慢的特点；

Vite 和 Vue-cli的区别：

1. vite是基于原生Es6 Modules，在生产环境下打包使用的Rollup；

2. vue-cli基于webpack封装，生产环境和开发环境都是基于webpack打包；

3. 所以两者在生产环境都是基于源代码的文件打包。

4. 开发环境中，Vite是基于原生的es6，无需对代码进行打包，浏览器可以直接调用，所以说vite因为基于浏览器的原生功能，省掉了打包过程，在开发环境中体验极好；