- 在使用之前确保安装了 npx(npx 在 NPM 版本 5.2.0 默认安装了):
- 运行安装命令
$ npx create-nuxt-app <项目名>
它会让你进行一些选择:
- 在集成的服务器端框架之间进行选择:
- 选择您喜欢的 UI 框架:
- 选择您喜欢的测试框架:
- 选择你想要的 Nuxt 模式 (
Universal
orSPA
) - 添加 axios module 以轻松地将 HTTP 请求发送到您的应用程序中。
- 添加 EsLint 以在保存时代码规范和错误检查您的代码。
- 添加 Prettier 以在保存时格式化/美化您的代码。
当运行完时,它将安装所有依赖项,因此下一步是启动项目:
$ cd <project-name>
$ npm run dev
- 打包命令
$ npm run build
上传到服务器的文件
.nuxt static package.json nuxt.config.js如果在项目中引用了 vue-awesome-swiper 轮播图需要注意:因为2020年swiper更新了版本导致和nuxt兼容出现了问题,让我们的轮播无法自动轮播,而且分页器也无法正常显示,我这边的解决办法是将package.json的vue-awesome-swiper的版本好降级为3.1.3;至于降级方法网上有很多请自行百度。