Nuxt深入浅出 · 快速创建一个Nuxt项目

这是一个新的专栏。

本文主要介绍如何创建Nuxt3项目。

前提条件

首先确保你的 Node.js 版本在v18.0.0以上

创建一个 Nuxt3 App

npx

bash 复制代码
npx nuxi init <app-name>

pnpm

bash 复制代码
pnpm dlx nuxi@latest init <app-name>

选择包管理器

启动项目

bash 复制代码
cd <app-name> && pnpm dev

浏览器输入 http://localhost:3000

创建完成

创建一个 NuxtUI App

npx

bash 复制代码
npx nuxi init -t ui <app-name>

选择包管理器

启动项目

bash 复制代码
cd <app-name> && pnpm dev

浏览器输入 http://localhost:3000

创建完成

测试UI组件

专栏地址

Nuxt深入浅出

Nuxt探子来报

Nuxt知识碎片

找到我

X · Github

相关推荐
兄弟加油,别颓废了。3 分钟前
系统全功能详细操作手册,从启动到测试
前端·chrome
ZC跨境爬虫19 分钟前
跟着 MDN 学 HTML day_32:(AbstractRange 抽象接口与 DOM 范围操作)
前端·javascript·ui·html·音视频
十子木24 分钟前
设置把所有终端移动到最前端的快捷键
前端
陈老老老板26 分钟前
Bright Data Web Scraping 实战:用 MCP + Dify 构建 eBay 商品详情采集 AI 工作流(2026)
前端·人工智能
一渊之隔35 分钟前
uniapp蓝牙搜索连接展示蓝牙设备包含信号显示
前端·网络·uni-app·bluetooth
Cisyam^40 分钟前
Bright Data Web Scraper 实战:构建 TikTok 与 LinkedIn Web Scraping 自动化 Skill(2026)
运维·前端·自动化
李剑一1 小时前
开箱即用!Vue3+TS 视频组件完整代码,自动提取视频第一帧做封面。妈妈再也不用担心我手动截封面了
前端
阿赛工作室1 小时前
PageAgent的价值和使用示例
javascript·html5
盐多碧咸。。1 小时前
echarts折线图矩形选择 框选图表
前端·javascript·echarts
羽沢311 小时前
Canvas学习一
前端·css·学习·canvas