0
点赞
收藏
分享

微信扫一扫

(Nuxt.js)运行vue init nuxt/starter 报错,无法加载文件

夕颜合欢落 2022-04-05 阅读 71

原因竟是因为,在vue-cli的老版本中,是可以使用 vue init nuxt/starter 进行安装的
但在新版本的vue-cli中不行了!!!

使用官方推荐的npx来安装:
(npm的5.2.x版本后默认安装了npx)

项目安装
首先,确保您已经安装了 yarn、npx(默认包含在 npm v5.2+ 中)或 npm (v6.1+)。
使用 npx 进行搭建项目:

或者用yarn :


输入命令后,创建时的选项:

1.在集成的服务器端框架之间进行选择:

  • None (Nuxt默认服务器)
  • Express
  • Koa
  • Hapi
  • Feathers
  • Micro
  • Fastify
  • Adonis (WIP)

2.选择UI框架:

  • None (无)
  • Bootstrap
  • Vuetify
  • Bulma
  • Tailwind
  • Element UI
  • Ant Design Vue
  • Buefy
  • iView
  • Tachyons

3.选择测试框架:

  • None (随意添加一个)
  • Jest
  • AVA

4.选择Nuxt模式 (Universal or SPA)

5.添加 axios module 以轻松地将HTTP请求发送到您的应用程序中。

6.添加 EsLint 以在保存时代码规范和错误检查您的代码。

7.添加 Prettier 以在保存时格式化/美化您的代码。

当运行完时,它将安装所有依赖项,因此下一步是启动项目:

在这里插入图片描述

应用现在运行在 http://localhost:3000 上运行。

注意:Nuxt.js 会监听 pages 目录中的文件更改,因此在添加新页面时无需重新启动应用程序。

参考:https://zh.nuxtjs.org/guide/installation#%E6%96%B0%E6%89%8B%E6%A8%A1%E6%9D%BF

运行成功后的界面 --> 给大家瞅一眼哈
在这里插入图片描述

举报

相关推荐

0 条评论