Nuxt3学习之旅(二、创建demo)

191 阅读1分钟

大概了解了nuxt之后,就开始写个demo玩一玩。

运行以下命令就可创建一个nuxt3项目:

创建项目:npx nuxi init nuxt3-app

安装依赖:npm install

注意:

1、在创建nuxt3项目之前,要先确保node的版本在v14.16.0以上。

2、如果之前没有使用过nuxt,需要先运行 npm install nuxi -g 安装nuxt脚手架工具。

3、装依赖时要注意镜像源是否为npm。之前自己安装时默认镜像源为cnpm,导致装完依赖项目无法运行。

以下就是安装完成之后的项目目录,非常简洁!

运行项目:npm run dev

运行项目之后在浏览器中打开http://localhost:3000/就可以看到一个简单的介绍页

就是 app.vue 中的组件 。

但是项目中并没有这个组件相关的代码,它是怎么实现的?有待探索。。。