第 3 節
Nuxt Studio教程
0瀏覽次數0訪問次數--跳出率--平均停留
简介
安装
安装
用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/

浏览器打开:
安装成功后,页面左下角应该出现一个 Studio 悬浮按钮。点击它即可进入编辑模式。
