前端设计

Nuxt3 创建项目、启动项目、访问项目

2025-07-09

1. 安装 Node

若已安装,则跳过此步


v18.0.0 以上版本

https://nodejs.org/en


2. 配置 hosts

访问 https://www.itdog.cn/ping/raw.githubusercontent.com

查询出可用的 IP

打开 hosts 文件:

C:\Windows\System32\drivers\etc


在底部添加

0.0.0.0 raw.githubusercontent.com

185.199.111.133 raw.githubusercontent.com

185.199.110.133 raw.githubusercontent.com

185.199.109.133 raw.githubusercontent.com

185.199.108.133 raw.githubusercontent.com

127.0.0.1 raw.githubusercontent.com

182.43.124.6 raw.githubusercontent.com


3. 安装 pnpm

若已安装,则跳过此步

命令行执行  npm i -g pnpm


4. 开始创建项目

命令行执行( nuxt3-demo 为自定义的项目名)

pnpm dlx nuxi@latest init nuxt3-demo


有可能会因为网络问题创建失败,多试几次即可。

nuxt创建项目1.png

nuxt创建项目2.png


5. 启动项目

cd nuxt3-demo

nuxt项目启动.png


6. 访问项目

浏览器访问 http://localhost:3000/

nuxt项目启动浏览.jpg


git 方式

git clone -b v3 https://github.com/nuxt/starter.git project-name