[{"data":1,"prerenderedAt":238},["ShallowReactive",2],{"wiki-page-\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio":3,"wiki-doc-items-\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio":208,"language-switcher-data-\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio":222,"wiki-i18n-paths-\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio":237},{"id":4,"title":5,"body":6,"canonicalPath":188,"chapterDepth":189,"chapterOrder":190,"date":191,"description":47,"docI18nKey":192,"docKey":193,"docRoot":194,"docTitle":195,"extension":196,"i18nKey":197,"isBlogPost":198,"isWikiDoc":199,"isWikiIndex":198,"layout":200,"legacyPath":200,"locale":201,"localeSlug":202,"meta":203,"navigation":199,"path":188,"seo":204,"sourcePath":205,"sourceStem":197,"stem":206,"wikiDepth":54,"__hash__":207},"content\u002F_i18n\u002Fen-us\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002F0300-Nuxt-Studio.md","Nuxt Studio教程",{"type":7,"value":8,"toc":179},"minimark",[9,14,18,22,31,38,41,72,75,78,86,93,100,105,111,116,119,122,125,141,144,153,158,161,167,170,175],[10,11,13],"h2",{"id":12},"introduction","Introduction",[10,15,17],{"id":16},"install","Install",[19,20,17],"h3",{"id":21},"install-1",[23,24,25,26,30],"p",{},"用VScode打开自己的项目，并用",[27,28,29],"code",{},"Ctrl+~","调出终端界界面。",[23,32,33],{},[34,35],"img",{"alt":36,"src":37},"alt text","..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784896044093.png",[23,39,40],{},"在项目根目录执行：",[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-bash shiki shiki-themes github-light github-dark","npx nuxt module add nuxt-studio\n","bash","",[27,49,50],{"__ignoreMap":47},[51,52,55,59,63,66,69],"span",{"class":53,"line":54},"line",1,[51,56,58],{"class":57},"sScJk","npx",[51,60,62],{"class":61},"sZZnC"," nuxt",[51,64,65],{"class":61}," module",[51,67,68],{"class":61}," add",[51,70,71],{"class":61}," nuxt-studio\n",[23,73,74],{},"这是当前官方推荐的安装方式。它会安装 nuxt-studio，并自动把模块加入 Nuxt 配置。",[23,76,77],{},"执行过程中如果出现：",[42,79,84],{"className":80,"code":82,"language":83,"meta":47},[81],"language-text","Need to install the following packages...\nOk to proceed? (y)\n","text",[27,85,82],{"__ignoreMap":47},[23,87,88,89,92],{},"输入",[27,90,91],{},"y","然后回车。",[23,94,95,96,99],{},"安装完成后，检查 ",[27,97,98],{},"nuxt.config.ts","。正常应该类似：",[23,101,102],{},[34,103],{"alt":36,"src":104},"..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784896238714.png",[23,106,107,108,99],{},"检查 ",[27,109,110],{},"package.json",[23,112,113],{},[34,114],{"alt":36,"src":115},"..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784896265858.png",[23,117,118],{},"不需要手动填写版本号，以 npm 实际安装的版本为准。",[19,120,121],{"id":121},"test",[23,123,124],{},"执行：",[42,126,128],{"className":44,"code":127,"language":46,"meta":47,"style":47},"npm run dev\n",[27,129,130],{"__ignoreMap":47},[51,131,132,135,138],{"class":53,"line":54},[51,133,134],{"class":57},"npm",[51,136,137],{"class":61}," run",[51,139,140],{"class":61}," dev\n",[23,142,143],{},"终端一般会显示：",[23,145,146,147],{},"Local: ",[148,149,150],"a",{"href":150,"rel":151},"http:\u002F\u002Flocalhost:3000\u002F",[152],"nofollow",[23,154,155],{},[34,156],{"alt":36,"src":157},"..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784896538963.png",[23,159,160],{},"浏览器打开：",[23,162,163],{},[148,164,165],{"href":165,"rel":166},"http:\u002F\u002Flocalhost:3000",[152],[23,168,169],{},"安装成功后，页面左下角应该出现一个 Studio 悬浮按钮。点击它即可进入编辑模式。",[23,171,172],{},[34,173],{"alt":36,"src":174},"..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784897542820.png",[176,177,178],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":47,"searchDepth":180,"depth":180,"links":181},2,[182,183],{"id":12,"depth":180,"text":13},{"id":16,"depth":180,"text":17,"children":184},[185,187],{"id":21,"depth":186,"text":17},3,{"id":121,"depth":186,"text":121},"\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio",0,"0300","2025-07-01","wiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia","en-us:2025-07-01-nuxt-js-wang-zhan-kuang-jia","\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia","Nuxt.Js网站框架","md","wiki\u002F2025-07-01-Nuxt.js网站框架\u002F0300-Nuxt-Studio",false,true,null,"en-US","en-us",{},{"title":5,"description":47},"\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","_i18n\u002Fen-us\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002F0300-Nuxt-Studio","4dGWvT8vzMh9TisfdLPoO-8lZopN9gbUJ2b6GrCH7Q8",[209,213,218,219],{"path":210,"stem":211,"title":13,"date":191,"chapterOrder":212,"chapterDepth":189,"docKey":193,"docRoot":194,"docTitle":195,"isWikiDoc":199,"isWikiIndex":198},"\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0100-jian-jie","_i18n\u002Fen-us\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002F0100-简介","0100",{"path":214,"stem":215,"title":216,"date":191,"chapterOrder":217,"chapterDepth":189,"docKey":193,"docRoot":194,"docTitle":195,"isWikiDoc":199,"isWikiIndex":198},"\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0200-bu-shu-fang-an","_i18n\u002Fen-us\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002F0200-部署方案","Deployment plan","0200",{"path":188,"stem":206,"title":5,"date":191,"chapterOrder":190,"chapterDepth":189,"docKey":193,"docRoot":194,"docTitle":195,"isWikiDoc":199,"isWikiIndex":198},{"path":194,"stem":220,"title":221,"date":191,"chapterOrder":200,"chapterDepth":189,"docKey":193,"docRoot":194,"docTitle":195,"isWikiDoc":199,"isWikiIndex":199},"_i18n\u002Fen-us\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002Findex","Nuxt.js website framework",{"variants":223},[224,225,228,231,234],{"path":188,"localeSlug":202,"i18nKey":197},{"path":226,"localeSlug":227,"i18nKey":197},"\u002Fzh-hant\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","zh-hant",{"path":229,"localeSlug":230,"i18nKey":197},"\u002Fzh-hk\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","zh-hk",{"path":232,"localeSlug":233,"i18nKey":197},"\u002Fzh-tw\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","zh-tw",{"path":235,"localeSlug":236,"i18nKey":197},"\u002Fzh-cn\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","zh-cn",[188,205,226,205,229,205,232,205,235,205],1788531331993]