Nuxt.js安装与创建项目

主要是参考下官网安装说明，地址：https://zh.nuxtjs.org/guide/installation

先是运行create-nuxt-app
注意：此处需要确保已安装npx（npm install -g npx）
输入命令 （我的项目名为MyNuxtPro）

npx create-nuxt-app <项目名>

然后会让你进行一些选择

  1. 在集成的服务器端框架之间进行选择:
  2. 选择您喜欢的UI框架:
  3. 选择您喜欢的测试框架:
    • None (随意添加一个)
    • Jest
    • AVA
  4. 选择你想要的Nuxt模式 (Universal or SPA)
  5. 添加 axios module 以轻松地将HTTP请求发送到您的应用程序中。
  6. 添加 EsLint 以在保存时代码规范和错误检查您的代码。
  7. 添加 Prettier 以在保存时格式化/美化您的代码。

附上我创建项目时的一些选项


image.png

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

cd <project-name>
npm run dev

这里我遇到一些报错，日志大概如下：


image.png

经过百度，大概的原因是node.js版本过低导致，来看下我的版本号

npm -v
node -v
image.png

那么解决方法就是升级node.js版本啦！

下载最近的node版本（地址：https://nodejs.org/en/）
这里我下载的版本为12.17.0版本

image.png

下载完成后傻瓜安装即可
安装完成，我们再来看下node和npm的版本


image.png

升级成功咯！！！重新输入命令npm run dev，成功啦！

image.png

image.png

浏览器打开地址http://localhost:3000

image.png

到此我们完成了项目的创建

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。