背景：
隨著技術(shù)發(fā)展的日新月異，vue3.0都發(fā)版了上陕，市面上都開始涌現(xiàn)新的組件庫，難道還不上手寫vue3.0嗎
方案1：
跟著官方文檔的安裝操作一番
npm install vue@next
npm install -g @vue/cli
// 可能會提示node版本落后拓春，我就 nvm use 12.18.3升了級释簿。之前是8.9.4
查看vue -V （我給vue/cli從最新版本降級到了4.5.4）
image.png
使用vite創(chuàng)建項目，繼續(xù)安裝并運行
npm install -g create-vite-app
npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
結(jié)果卻是：
image.png
找不到頁面硼莽，調(diào)試了很久庶溶，試了很多方法也不成功。所以選擇方案2；
方案2：
vue create vue3-test
注意有以下選項偏螺，選擇圈紅的這一條行疏。
image.png
運行項目
npm run serve
書寫代碼
image.png
運行結(jié)果
image.png
