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