前言
Vite(法語單詞“ fast”,發音為/vit/)是由Vue作者尤雨溪開發的一種新型的前端構建工具,可顯着改善前端開發體驗。
Vite 現在的版本是2.0 Beta,它默認創建的就是Vue3.0的項目,詳細大家可以去GitHub或官網進行了解
為什么要使用Vite來搭建Vue3項目呢?
因為它很快(等下你就能見識到),也是Vue作者推崇的
搭建項目
兼容性說明
Vite需要Node.js版本> = 12.0.0
我們先要確保自己的Node.js版本> = 12.0.0,在命令行使用 node -v
就可以查看node的版本
如果node版本低於12的話,可以去node官網下載安裝更新
開始搭建,我們先進入想要新建項目的路徑
使用NPM:
$ npm init @vitejs/app
使用Yarn:
$ yarn create @vitejs/app
按照提示進行操作
輸入項目名
接下來是選擇模板
關於每個模板的詳細信息,點擊此處進行了解
到這里新項目就搭建完成了
想要啟動項目,按照下面代碼塊依次輸入
cd projectname # 進入當前項目文件夾
npm install (or `yarn`)
npm run dev (or `yarn dev`)
后言
當你運行npm run dev
命令時,會發現它比webpack啟動速度快多了
這跟我們以前用vue-cli腳手架搭建項目的時候還是有區別的,vite默認端口是3000
vite默認不會讓你選擇路由、語法檢測以及單元測試等,所以這些需要我們后期手動安裝引入