Nuxt Studio教程

簡介

安裝

安裝

用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 實際安裝的版本爲準。

測試

執行：

npm run dev

終端一般會顯示：

Local: http://localhost:3000/

瀏覽器打開：

http://localhost:3000

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