Nuxt3入门

nuxt3中文文档:SEO 和 Meta · 开始使用Nuxt3 Nuxt中文站改进您的Nuxt应用程序的SEO与强大的头部配置,组合和组件。icon-default.png?t=N7T8https://www.nuxt.com.cn/docs/getting-started/seo-meta

如果发现以下无法下载的情况

可以通过手动指定结点ip, 方式如下:

访问:raw.githubusercontent.com_在线ping_多地ping_多线路ping_持续ping_网络延迟测试_服务器延迟测试icon-default.png?t=N7T8https://www.itdog.cn/ping/raw.githubusercontent.com

C:\Windows\System32\drivers\etc

修改后,就可以安装nuxt了 

//  1, 构建第一个项目, 多使几次,容易网络问题构建不成功
npx nuxi init test_nuxt3

//  2.进入 test_nuxt3 安装依赖包使用 npm 或者 yarn
npm i
 
// 3, 启动 nuxt.js
npm run dev

 访问:http://localhost:3000/

运行成功

 helloworld页面

在根目录下创建一个 components 文件夹用来存放组件

1、 在 components 文件下新建 HelloWorld.vue 组件

 2、在 app.vue 中直接使用组件即可,不用引入

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值