Nuxt.js快速上手--安装

为了快速入门，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,可以让你的项目内容优先

 第七：样式工具。

1. 添加 EsLint 以在保存时代码规范和错误检查代码。
2. 添加 Prettier 以在保存时格式化/美化代码。
3. 添加 Stylelint 可以帮助你规避 CSS 代码中的错误并保持一致的编码风格
4. 添加Lint staged files 可以在代码提交时进行lint检查
5. 添加Commit Lint可以规范你的提交代码信息

第八：测试框架。选择喜欢的测试框架

 第九：部署信息。可以选择服务器或静态站点。

第十：开发工具。 

 第十一：持续集成。

第十二：版本控制工具 

选择完以上的选项，将进行项目的依赖安装，完成安装后会出现一下两行代码，按照顺序执行就可以顺利打开nuxt了，至此安装结束！

$ cd <project-name> 

$ npm run dev