跳到正文

Wiki

Nuxt Studio教程

約 2 分鐘閱讀

本文由簡體中文內容確定性轉換,並受版本化術語表保護。

1.簡介

2.安裝

2.1.安裝

用VScode打開自己的項目,並用Ctrl+~調出終端界界面。

alt text

在項目根目錄執行:

npx nuxt module add nuxt-studio

這是當前官方推薦的安裝方式。它會安裝 nuxt-studio,並自動把模塊加入 Nuxt 配置。

執行過程中如果出現:

Need to install the following packages...
Ok to proceed? (y)

輸入y然後回車。

安裝完成後,檢查 nuxt.config.ts。正常應該類似:

alt text

檢查 package.json。正常應該類似:

alt text

不需要手動填寫版本號,以 npm 實際安裝的版本為準。

2.2.測試

執行:

npm run dev

終端一般會顯示:

Local: http://localhost:3000/

alt text

瀏覽器打開:

http://localhost:3000

安裝成功後,頁面左下角應該出現一個 Studio 懸浮按鈕。點擊它即可進入編輯模式。

alt text