第一步
關(guān)于項目第一步德频，那當(dāng)然是搭框架咯苍息，我沒有太過分的技術(shù)追求，非得自己一個個文件都自己寫自己跑起來壹置，我喜歡更加高效的方式竞思，依賴那些簡單的方法。比如：
npm init vite@latest vvt-web
生成簡易項目框架
- 1钞护、確保已經(jīng)配置好了Node.js和npm盖喷。如果不會，可以自行搜索技術(shù)官網(wǎng)难咕，都有詳細(xì)的教程和手冊课梳，我就不在這兒多說。
- 2余佃、 打開命令行界面暮刃，進(jìn)入到你想要創(chuàng)建項目的目錄，并執(zhí)行以下命令來初始化一個新的Vite項目：名字你隨便取爆土，我就叫vvt-web
npm init vite@latest vvt-web
(上述命令就是使用最新版本的Vite腳手架工具來創(chuàng)建一個名為"vvt-web"的新項目椭懊。然后根據(jù)提示選擇Vue 3作為模板，并確保選擇"Use TypeScript"以使用TypeScript步势。)
-
- 進(jìn)入到項目目錄（你剛剛項目的目錄）氧猬，安裝項目依賴：
npm install
（如果失敗，嘗試使用yarn試試坏瘩，自行下載安裝盅抚，都是install命令：yarn install）
- 4、順利的話你應(yīng)該會得到一個這樣的項目倔矾，我只截圖一下文件結(jié)構(gòu)泉哈。
image.png
-
- 進(jìn)入到項目目錄啟動項目：
npm run dev
如果順利的話會給你一個本地啟動地址，瀏覽器打開后應(yīng)該是這樣：
image.png
理論上破讨，簡易的框架就算搭好了丛晦，后續(xù)就是引入項目想使用的插件和依賴了。
