Nuxt3初探(二)——hello nuxt3

·  阅读 575
Nuxt3初探(二)——hello nuxt3

今天的任务是完成按照官方的安装使用文档(快速开始),初始化一个nuxt3程序,写一个hello world。

准备工作

  1. node.js且需要14.18+
  2. 一个趁手的IDE,官网推荐Visual Studio Code
  3. 一款名为Volar的IED扩展

安装使用

  1. 创建项目
npx nuxi init nuxt3-app
复制代码
  1. 安装依赖

因为npm安装太慢尝试使用cnpm安装,提示 Can't find package pkg-types@^0.3.2安装失败,未能找到原因,怀疑淘宝源上没有pkg-types@^0.3.2。

npm install
or
yarn install
复制代码
  1. 本地开启服务
npm run dev
or
yarn dev
复制代码

问题总结

  1. 执行npx nuxi init nuxt3-app创建项目时超级慢,甚至失败。执行了npm install nuxi -g之后,能很快的完成创建,当然期间我开启了dev-sidecar加速。属于是混沌解法,个人比较懒就没有验证具体是什么原因,有知道的同学希望能评论区交流。
  2. npm安装依赖切换到淘宝镜像或者使用cnpm安装是会出现Can't find package pkg-types@^0.3.2的错误,未能找到原因,于是使用yarn安装依赖,并行安装可以说是很快了。
  3. 原以为Nuxt3这个创建的项目会和vue cli脚手架一样会在命令行中提供一些选项,在创建项目的时候初始化一些常用的目录或者引入一些第三方库,然而脚手架中除了一个.nuxt文件夹就没有别的目录了。
  4. 因为需要使用到npx因此需要保证npm版本高于5.2.0
分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改