今天的任务是完成按照官方的安装使用文档(快速开始),初始化一个nuxt3程序,写一个hello world。
准备工作
- node.js且需要14.18+
- 一个趁手的IDE,官网推荐Visual Studio Code
- 一款名为Volar的IED扩展
安装使用
- 创建项目
npx nuxi init nuxt3-app
复制代码
- 安装依赖
因为npm安装太慢尝试使用cnpm安装,提示 Can't find package pkg-types@^0.3.2安装失败,未能找到原因,怀疑淘宝源上没有pkg-types@^0.3.2。
npm install
or
yarn install
复制代码
- 本地开启服务
npm run dev
or
yarn dev
复制代码
问题总结
- 执行npx nuxi init nuxt3-app创建项目时超级慢,甚至失败。执行了npm install nuxi -g之后,能很快的完成创建,当然期间我开启了dev-sidecar加速。属于是混沌解法,个人比较懒就没有验证具体是什么原因,有知道的同学希望能评论区交流。
- npm安装依赖切换到淘宝镜像或者使用cnpm安装是会出现Can't find package pkg-types@^0.3.2的错误,未能找到原因,于是使用yarn安装依赖,并行安装可以说是很快了。
- 原以为Nuxt3这个创建的项目会和vue cli脚手架一样会在命令行中提供一些选项,在创建项目的时候初始化一些常用的目录或者引入一些第三方库,然而脚手架中除了一个.nuxt文件夹就没有别的目录了。
- 因为需要使用到npx因此需要保证npm版本高于5.2.0