[{"data":1,"prerenderedAt":236},["ShallowReactive",2],{"wiki-page-\u002Fzh-tw\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio":3,"wiki-doc-items-\u002Fzh-tw\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio":206,"language-switcher-data-\u002Fzh-tw\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio":220,"wiki-i18n-paths-\u002Fzh-tw\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio":235},{"id":4,"title":5,"body":6,"canonicalPath":186,"chapterDepth":187,"chapterOrder":188,"date":189,"description":45,"docI18nKey":190,"docKey":191,"docRoot":192,"docTitle":193,"extension":194,"i18nKey":195,"isBlogPost":196,"isWikiDoc":197,"isWikiIndex":196,"layout":198,"legacyPath":198,"locale":199,"localeSlug":200,"meta":201,"navigation":197,"path":186,"seo":202,"sourcePath":203,"sourceStem":195,"stem":204,"wikiDepth":52,"__hash__":205},"content\u002F_i18n\u002Fzh-tw\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002F0300-Nuxt-Studio.md","Nuxt Studio教程",{"type":7,"value":8,"toc":177},"minimark",[9,13,16,20,29,36,39,70,73,76,84,91,98,103,109,114,117,120,123,139,142,151,156,159,165,168,173],[10,11,12],"h2",{"id":12},"簡介",[10,14,15],{"id":15},"安裝",[17,18,15],"h3",{"id":19},"安裝-1",[21,22,23,24,28],"p",{},"用VScode打開自己的項目，並用",[25,26,27],"code",{},"Ctrl+~","調出終端界界面。",[21,30,31],{},[32,33],"img",{"alt":34,"src":35},"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",[21,37,38],{},"在項目根目錄執行：",[40,41,46],"pre",{"className":42,"code":43,"language":44,"meta":45,"style":45},"language-bash shiki shiki-themes github-light github-dark","npx nuxt module add nuxt-studio\n","bash","",[25,47,48],{"__ignoreMap":45},[49,50,53,57,61,64,67],"span",{"class":51,"line":52},"line",1,[49,54,56],{"class":55},"sScJk","npx",[49,58,60],{"class":59},"sZZnC"," nuxt",[49,62,63],{"class":59}," module",[49,65,66],{"class":59}," add",[49,68,69],{"class":59}," nuxt-studio\n",[21,71,72],{},"這是當前官方推薦的安裝方式。它會安裝 nuxt-studio，並自動把模塊加入 Nuxt 配置。",[21,74,75],{},"執行過程中如果出現：",[40,77,82],{"className":78,"code":80,"language":81,"meta":45},[79],"language-text","Need to install the following packages...\nOk to proceed? (y)\n","text",[25,83,80],{"__ignoreMap":45},[21,85,86,87,90],{},"輸入",[25,88,89],{},"y","然後回車。",[21,92,93,94,97],{},"安裝完成後，檢查 ",[25,95,96],{},"nuxt.config.ts","。正常應該類似：",[21,99,100],{},[32,101],{"alt":34,"src":102},"..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784896238714.png",[21,104,105,106,97],{},"檢查 ",[25,107,108],{},"package.json",[21,110,111],{},[32,112],{"alt":34,"src":113},"..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784896265858.png",[21,115,116],{},"不需要手動填寫版本號，以 npm 實際安裝的版本為準。",[17,118,119],{"id":119},"測試",[21,121,122],{},"執行：",[40,124,126],{"className":42,"code":125,"language":44,"meta":45,"style":45},"npm run dev\n",[25,127,128],{"__ignoreMap":45},[49,129,130,133,136],{"class":51,"line":52},[49,131,132],{"class":55},"npm",[49,134,135],{"class":59}," run",[49,137,138],{"class":59}," dev\n",[21,140,141],{},"終端一般會顯示：",[21,143,144,145],{},"Local: ",[146,147,148],"a",{"href":148,"rel":149},"http:\u002F\u002Flocalhost:3000\u002F",[150],"nofollow",[21,152,153],{},[32,154],{"alt":34,"src":155},"..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784896538963.png",[21,157,158],{},"瀏覽器打開：",[21,160,161],{},[146,162,163],{"href":163,"rel":164},"http:\u002F\u002Flocalhost:3000",[150],[21,166,167],{},"安裝成功後，頁面左下角應該出現一個 Studio 懸浮按鈕。點擊它即可進入編輯模式。",[21,169,170],{},[32,171],{"alt":34,"src":172},"..\u002F..\u002F..\u002Fpublic\u002Fimages\u002F2025-07-01-Nuxt.js%E7%BD%91%E7%AB%99%E6%A1%86%E6%9E%B6\u002F1784897542820.png",[174,175,176],"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":45,"searchDepth":178,"depth":178,"links":179},2,[180,181],{"id":12,"depth":178,"text":12},{"id":15,"depth":178,"text":15,"children":182},[183,185],{"id":19,"depth":184,"text":15},3,{"id":119,"depth":184,"text":119},"\u002Fzh-tw\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","zh-tw:2025-07-01-nuxt-js-wang-zhan-kuang-jia","\u002Fzh-tw\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,"zh-TW","zh-tw",{},{"title":5,"description":45},"\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","_i18n\u002Fzh-tw\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002F0300-Nuxt-Studio","ZHG93f-AlFyhLyeqj0axPuDZufoMXJ19PDp8k6pYDnw",[207,211,216,217],{"path":208,"stem":209,"title":12,"date":189,"chapterOrder":210,"chapterDepth":187,"docKey":191,"docRoot":192,"docTitle":193,"isWikiDoc":197,"isWikiIndex":196},"\u002Fzh-tw\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0100-jian-jie","_i18n\u002Fzh-tw\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002F0100-简介","0100",{"path":212,"stem":213,"title":214,"date":189,"chapterOrder":215,"chapterDepth":187,"docKey":191,"docRoot":192,"docTitle":193,"isWikiDoc":197,"isWikiIndex":196},"\u002Fzh-tw\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0200-bu-shu-fang-an","_i18n\u002Fzh-tw\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002F0200-部署方案","部署方案","0200",{"path":186,"stem":204,"title":5,"date":189,"chapterOrder":188,"chapterDepth":187,"docKey":191,"docRoot":192,"docTitle":193,"isWikiDoc":197,"isWikiIndex":196},{"path":192,"stem":218,"title":219,"date":189,"chapterOrder":198,"chapterDepth":187,"docKey":191,"docRoot":192,"docTitle":193,"isWikiDoc":197,"isWikiIndex":197},"_i18n\u002Fzh-tw\u002Fwiki\u002F2025-07-01-Nuxt.js网站框架\u002Findex","Nuxt.js網站框架",{"variants":221},[222,225,228,231,232],{"path":223,"localeSlug":224,"i18nKey":195},"\u002Fen-us\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","en-us",{"path":226,"localeSlug":227,"i18nKey":195},"\u002Fzh-hant\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","zh-hant",{"path":229,"localeSlug":230,"i18nKey":195},"\u002Fzh-hk\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","zh-hk",{"path":186,"localeSlug":200,"i18nKey":195},{"path":233,"localeSlug":234,"i18nKey":195},"\u002Fzh-cn\u002Fwiki\u002F2025-07-01-nuxt-js-wang-zhan-kuang-jia\u002F0300-nuxt-studio","zh-cn",[223,203,226,203,229,203,186,203,233,203],1788531310102]