主要是參考下官網(wǎng)安裝說(shuō)明，地址：https://zh.nuxtjs.org/guide/installation
先是運(yùn)行create-nuxt-app
注意：此處需要確保已安裝npx（npm install -g npx）
輸入命令 （我的項(xiàng)目名為MyNuxtPro）
npx create-nuxt-app <項(xiàng)目名>
然后會(huì)讓你進(jìn)行一些選擇
- 在集成的服務(wù)器端框架之間進(jìn)行選擇:
- 選擇您喜歡的UI框架:
- None (無(wú))
- Bootstrap
- Vuetify
- Bulma
- Tailwind
- Element UI
- Ant Design Vue
- Buefy
- iView
- Tachyons
- 選擇您喜歡的測(cè)試框架:
- 選擇你想要的Nuxt模式 (
UniversalorSPA) - 添加 axios module 以輕松地將HTTP請(qǐng)求發(fā)送到您的應(yīng)用程序中员凝。
- 添加 EsLint 以在保存時(shí)代碼規(guī)范和錯(cuò)誤檢查您的代碼发笔。
- 添加 Prettier 以在保存時(shí)格式化/美化您的代碼才睹。
附上我創(chuàng)建項(xiàng)目時(shí)的一些選項(xiàng)
image.png
當(dāng)運(yùn)行完時(shí)，它將安裝所有依賴項(xiàng)，因此下一步是啟動(dòng)項(xiàng)目
cd <project-name>
npm run dev
這里我遇到一些報(bào)錯(cuò)躬拢，日志大概如下：
image.png
經(jīng)過(guò)百度吻育，大概的原因是node.js版本過(guò)低導(dǎo)致念秧，來(lái)看下我的版本號(hào)
npm -v
node -v
image.png
那么解決方法就是升級(jí)node.js版本啦！
下載最近的node版本（地址：https://nodejs.org/en/）
這里我下載的版本為12.17.0版本
image.png
下載完成后傻瓜安裝即可
安裝完成布疼，我們?cè)賮?lái)看下node和npm的版本
image.png
升級(jí)成功咯Ｌ骸！游两！重新輸入命令npm run dev砾层，成功啦！
image.png
image.png
瀏覽器打開(kāi)地址http://localhost:3000
image.png
到此我們完成了項(xiàng)目的創(chuàng)建
