最近公司要開新項目，由于vue2已經(jīng)停止技術(shù)更新，所以我打算使用vue3來作為此次項目的前端框架。
創(chuàng)建項目前我們要知道，官方是推薦通過vite與Ts來構(gòu)建的，但是并不是說以前通過vue-cil和js的方法不行。vue3的寫法也是支持vue2的寫法的，只是官方并不推薦這么寫罷了。
那我們直接來創(chuàng)建項目，第一種方法通過vue-cil和js，也就是我們創(chuàng)建vue2的老方法。
下載vue-cil：vue install -g @vue/cil 創(chuàng)建一個腳手架：vue create name 運行腳手架：npm run serve
想必用過vue2的老程序員都知道，vue2在項目啟動時會通過路由預先把所有文件進行一遍編譯，所以當vue2項目啟動時，根據(jù)項目的不同大小啟動時間在10秒-5分鐘不等，項目越大啟動越慢，所以vue3的官方也更推薦使用vite。
vite是vue團隊推出的構(gòu)建工具，等價于webpack，不僅能直接支持Ts，而且在啟動項目速度上相比于vue-cil有一個及其巨大的提升。為什么呢，cil項目在啟動時編譯的所有的文件，編譯完成后才會彈出頁面網(wǎng)址，而vite構(gòu)建的vue會首先彈出頁面網(wǎng)址，在用戶查看目標頁面時才會進行編譯，做到了按需加載。
我們創(chuàng)建時只需要 npm create vue@latest就可以，以下是官網(wǎng)的介紹。
從上到下依次為：
項目名稱，是否支持ts，是否支持jsx，是否添加路由，是否支持pinia，是否添加單元測試，是否添加端到測試，是否添加ESLint，是否要求代碼格式化。
vite不僅啟動快，而且創(chuàng)建速度也是非常快的，大家可以直接來創(chuàng)建和啟動一個vue3工程來親自感受一下！
了解更多vue3的知識可以點擊這里。
