主要是参考下官网安装说明，地址：https://zh.nuxtjs.org/guide/installation
先是运行create-nuxt-app
注意：此处需要确保已安装npx（npm install -g npx）
输入命令 （我的项目名为MyNuxtPro）
npx create-nuxt-app <项目名>
然后会让你进行一些选择
- 在集成的服务器端框架之间进行选择:
- 选择您喜欢的UI框架:
- 选择您喜欢的测试框架:
- 选择你想要的Nuxt模式 (
UniversalorSPA) - 添加 axios module 以轻松地将HTTP请求发送到您的应用程序中。
- 添加 EsLint 以在保存时代码规范和错误检查您的代码。
- 添加 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
到此我们完成了项目的创建
网友评论