Vite 簡單搭建Vue3開發(fā)環(huán)境

vite被叫做下一代前端開發(fā)與構建工具，那么很可能webpak將被淘汰。

網站：https://www.vitejs.net/

優(yōu)點

極速的服務啟動
輕量快速的熱重載
豐富的功能
優(yōu)化的構建
通用的插件
完全類型化的API

安裝

注意支持vue3

先使用npm init vite-app進行初始化

npm init vite-app

安裝完成 1步

安裝非常快，確實還不能用，需要使用 npm install 命令來安裝模塊

npm init vite-app <vite-app>
cd <vite-app>
npm install
npm run dev

安裝完成 2步

npm install

安裝完成 3步

復制 http://localhost:3000/ 到瀏覽器中就可以了

vite v1.0.0-rc.9
[vite] Optimizable dependencies detected:
vue

  Dev server running at:
  > Network:  http://192.168.0.118:3000/
  > Local:    http://localhost:3000/
image.png
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容