Nuxt3 入门篇 — 项目搭建

1,496 阅读1分钟

各位小伙伴大家好! 我是耀龙,一个初入前端不久的小小白,最近在跟着村长学习nuxt3,村长也组织很多小伙伴一起对nuxt3进行翻译,欢迎各位小伙伴的加入。大家感兴趣的可以看看我们的Nuxt3中文文档

接下来我们就来会一会nuxt3

环境准备

  • node版本官方建议是安装最新版本
  • yarn、npx(默认包含在 npm v5.2+ 中)或 npm (v6.1+)

拉取nuxt3脚手架

我们直接使用yarn执行以下命令拉取

npx nuxi init nuxt3-app

<project-name>目录下下载依赖

yarn install

启动项目

yarn dev

再访问http://localhost:3000 即可看到基础界面了

image.png

预告

项目已经跑起来了,那么应该怎么创建一个页面呢并访问呢?我们知道在vue中要想访问某个页面就要用到vue-router来对页面进行路由的控制访问。而在nuxt中已经默认集成了vue-router。我们下一篇将来告诉大家怎么在nuxt3中使用它。