Wiki
Nuxt Studio教程
約 2 分鐘閱讀
本文由簡體中文內容確定性轉換,並受版本化術語表保護。
1.簡介
2.安裝
2.1.安裝
用VScode打開自己的項目,並用Ctrl+~調出終端界界面。
在項目根目錄執行:
npx nuxt module add nuxt-studio
這是當前官方推薦的安裝方式。它會安裝 nuxt-studio,並自動把模塊加入 Nuxt 配置。
執行過程中如果出現:
Need to install the following packages...
Ok to proceed? (y)
輸入y然後回車。
安裝完成後,檢查 nuxt.config.ts。正常應該類似:
檢查 package.json。正常應該類似:
不需要手動填寫版本號,以 npm 實際安裝的版本為準。
2.2.測試
執行:
npm run dev
終端一般會顯示:
Local: http://localhost:3000/
瀏覽器打開:
安裝成功後,頁面左下角應該出現一個 Studio 懸浮按鈕。點擊它即可進入編輯模式。