[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"knowledge-nuxt-guide":3},{"id":4,"title":5,"body":6,"category":218,"date":219,"description":220,"difficulty":221,"extension":222,"meta":223,"navigation":224,"order":31,"path":225,"seo":226,"stem":227,"tags":228,"__hash__":232},"knowledge\u002Fknowledge\u002Fnuxt-guide.md","Nuxt 3 项目搭建指南",{"type":7,"value":8,"toc":211},"minimark",[9,13,17,40,43,83,86,94,97,154,157,207],[10,11,12],"h2",{"id":12},"环境准备",[14,15,16],"p",{},"确认 Node.js 版本 >= 18：",[18,19,24],"pre",{"className":20,"code":21,"language":22,"meta":23,"style":23},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","node -v\n","bash","",[25,26,27],"code",{"__ignoreMap":23},[28,29,32,36],"span",{"class":30,"line":31},"line",1,[28,33,35],{"class":34},"sBMFI","node",[28,37,39],{"class":38},"sfazB"," -v\n",[10,41,42],{"id":42},"创建项目",[18,44,46],{"className":20,"code":45,"language":22,"meta":23,"style":23},"npx nuxi@latest init my-app\ncd my-app\nnpm run dev\n",[25,47,48,62,71],{"__ignoreMap":23},[28,49,50,53,56,59],{"class":30,"line":31},[28,51,52],{"class":34},"npx",[28,54,55],{"class":38}," nuxi@latest",[28,57,58],{"class":38}," init",[28,60,61],{"class":38}," my-app\n",[28,63,65,69],{"class":30,"line":64},2,[28,66,68],{"class":67},"s2Zo4","cd",[28,70,61],{"class":38},[28,72,74,77,80],{"class":30,"line":73},3,[28,75,76],{"class":34},"npm",[28,78,79],{"class":38}," run",[28,81,82],{"class":38}," dev\n",[10,84,85],{"id":85},"目录结构",[18,87,92],{"className":88,"code":90,"language":91},[89],"language-text","my-app\u002F\n├── app.vue          # 入口文件\n├── nuxt.config.ts   # 配置文件\n├── pages\u002F           # 页面路由\n├── components\u002F      # 组件\n├── server\u002F          # 服务端 API\n└── public\u002F          # 静态资源\n","text",[25,93,90],{"__ignoreMap":23},[10,95,96],{"id":96},"添加模块",[18,98,100],{"className":20,"code":99,"language":22,"meta":23,"style":23},"npx nuxi module add ui      # UI 组件库\nnpx nuxi module add content # 内容管理\nnpx nuxi module add image   # 图片优化\n",[25,101,102,122,138],{"__ignoreMap":23},[28,103,104,106,109,112,115,118],{"class":30,"line":31},[28,105,52],{"class":34},[28,107,108],{"class":38}," nuxi",[28,110,111],{"class":38}," module",[28,113,114],{"class":38}," add",[28,116,117],{"class":38}," ui",[28,119,121],{"class":120},"sHwdD","      # UI 组件库\n",[28,123,124,126,128,130,132,135],{"class":30,"line":64},[28,125,52],{"class":34},[28,127,108],{"class":38},[28,129,111],{"class":38},[28,131,114],{"class":38},[28,133,134],{"class":38}," content",[28,136,137],{"class":120}," # 内容管理\n",[28,139,140,142,144,146,148,151],{"class":30,"line":73},[28,141,52],{"class":34},[28,143,108],{"class":38},[28,145,111],{"class":38},[28,147,114],{"class":38},[28,149,150],{"class":38}," image",[28,152,153],{"class":120},"   # 图片优化\n",[10,155,156],{"id":156},"常用命令",[158,159,160,173],"table",{},[161,162,163],"thead",{},[164,165,166,170],"tr",{},[167,168,169],"th",{},"命令",[167,171,172],{},"说明",[174,175,176,187,197],"tbody",{},[164,177,178,184],{},[179,180,181],"td",{},[25,182,183],{},"npm run dev",[179,185,186],{},"启动开发服务器",[164,188,189,194],{},[179,190,191],{},[25,192,193],{},"npm run build",[179,195,196],{},"构建生产版本",[164,198,199,204],{},[179,200,201],{},[25,202,203],{},"npm run preview",[179,205,206],{},"预览构建结果",[208,209,210],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":23,"searchDepth":64,"depth":64,"links":212},[213,214,215,216,217],{"id":12,"depth":64,"text":12},{"id":42,"depth":64,"text":42},{"id":85,"depth":64,"text":85},{"id":96,"depth":64,"text":96},{"id":156,"depth":64,"text":156},"frontend","2026-06-10","从零开始搭建 Nuxt 3 项目的完整步骤","beginner","md",{},true,"\u002Fknowledge\u002Fnuxt-guide",{"title":5,"description":220},"knowledge\u002Fnuxt-guide",[229,230,231],"nuxt","vue","setup","KKxfWxp-LJlxEbVhVJZ_0xFM7oDm__KK6N0Cywauidc"]