Vue3學習日記(一):使用Vite搭建項目


前言

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默認不會讓你選擇路由、語法檢測以及單元測試等,所以這些需要我們后期手動安裝引入


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM