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