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 悬浮按钮。点击它即可进入编辑模式。