为了快速入门,Nuxt.js团队创建了脚手架工具 create-nuxt-app。
确保安装了npx(npx在NPM版本5.2.0默认安装了):
$ npx create-nuxt-app <项目名>
或者用yarn :
$ yarn create nuxt-app <项目名>
输入完这两个指令后,接下来就是Nuxt提供的一些可供选择的东西。
第一:确认你的项目名
第二:选择你的编程语言,这里有两个选项JavaScript和TypeScript,这里看大家的习惯,习惯用哪个选择哪个
第三:包管理器,分别是Npm和Yarn,根据个人爱好进行选择
第四:UI框架,Nuxt集成了许多UI框架,根据项目需求选择合适的框架即可
第五:模板引擎,这里选择HTML
想了解PUG引擎可以点击这里入门指南 – Pug 模板引擎中文文档 | Pug 中文网 (pugjs.cn)
第六:选择添加Nuxt模块。添加 axios module 以轻松地将HTTP请求发送到应用程序中
添加PWA,可以运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。
添加Content-Git-based headless CMS,可以让你的项目内容优先
第七:样式工具。
- 添加 EsLint 以在保存时代码规范和错误检查代码。
- 添加 Prettier 以在保存时格式化/美化代码。
- 添加 Stylelint 可以帮助你规避 CSS 代码中的错误并保持一致的编码风格
- 添加Lint staged files 可以在代码提交时进行lint检查
- 添加Commit Lint可以规范你的提交代码信息
第八:测试框架。选择喜欢的测试框架
第九:部署信息。可以选择服务器或静态站点。
第十:开发工具。
第十一:持续集成。
第十二:版本控制工具
选择完以上的选项,将进行项目的依赖安装,完成安装后会出现一下两行代码,按照顺序执行就可以顺利打开nuxt了,至此安装结束!
$ cd <project-name>
$ npm run dev