nuxt3踩坑记录

简介

nuxt3是一款基于Vue3的混合开发框架。

安装与使用

创建项目

打开内置终端并输入下面命令创建一个nuxt项目：

npx nuxi init nuxt3-app
复制代码

执行上述命令很快的就出现第一个坑了could not fetch remote https://github.com/nuxt/starter ,大概的意思就是用于网络原因未能从github中拉取项目

通过多次执行命令，最终还是成功拉取代码

安装依赖

根据提示cd nuxt3-app 进入项目命令，执行npm i安装依赖，还是报错未能成功，应该还是网络原因

于是跟换yarn包管理工具，执行yarn install 安装依赖

依赖成功的安装完成

启动项目

安装好依赖打卡package.json文件，查看开发模式的启动命令（一般是dev或者start）

执行yarn run dev命令，启动项目

打开浏览器http://localhost:3000

当看到此页面时，说明已经启动成功

落地页

下面使用以下代码简单修改以下落地页

<template>
    <div>
        <h1>nuxt3 app</h1>
    </div>
</template>
复制代码

查看页面效果

使用pages

创建一个pages文件夹以及index.vue文件

<template>
    <div>
        index page
    </div>
</template>
复制代码