1.目前搭建 Vue 腳手架的三種方式

目前 vue3.0 的版本已經(jīng)發(fā)布了 此次除了可以通過(guò) vue-cli 和 webpack 搭建腳手架外 官方還提供了一種新的腳手架搭建工具 vite

2.什么是 Vite

Vite 是 Vue 作者開(kāi)發(fā)的一款意圖取代 webpack 的工具

其實(shí)現(xiàn)原理是利用 ES6 的 import 會(huì)發(fā)送請(qǐng)求去加載文件的特性，攔截這些請(qǐng)求，做一些預(yù)編譯，省去 webpack 冗長(zhǎng)的打包時(shí)間

3.Vite 的安裝和運(yùn)行（確保node版本>=12）

安裝：

npm install -g create-vite-app

使用 vite 創(chuàng)建 Vue3 項(xiàng)目：

create-vite-app vue3demo

根據(jù)提示運(yùn)行項(xiàng)目：

cd vue3demo

npm install

npm run dev