大概了解了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 中的组件 。
但是项目中并没有这个组件相关的代码,它是怎么实现的?有待探索。。。