使用脚手架工具create-nuxt-app快速建立项目

使用Nuxt.js脚手架工具create-nuxt-app快速建立项目

先决条件：

确保安装了npx（npx在NPM版本5.2.0默认安装了）：

npx create-nuxt-app <项目名>

或者用yarn ：

yarn create nuxt-app <项目名>

建立时的选项：

1.在集成的服务器端框架之间进行选择:

• None (Nuxt默认服务器)
• Express
• Koa
• Hapi
• Feathers
• Micro
• Fastify
• Adonis (WIP)

2.选择UI框架:

• None (无)
• Bootstrap
• Vuetify
• Bulma
• Tailwind
• Element UI
• Ant Design Vue
• Buefy
• iView
• Tachyons

3.选择测试框架：

• None (随意添加一个)
• Jest
• AVA

4.选择Nuxt模式 (Universal or SPA)

5.添加 axios module 以轻松地将HTTP请求发送到您的应用程序中。

6.添加 EsLint 以在保存时代码规范和错误检查您的代码。

7.添加 Prettier 以在保存时格式化/美化您的代码。

当运行完时，它将安装全部依赖项，所以下一步是启动项目:

cd <project-name>
npm run dev

应用如今运行在 http://localhost:3000 上运行。

注意：Nuxt.js 会监听 pages 目录中的文件更改，所以在添加新页面时无需从新启动应用程序。

参考：https://zh.nuxtjs.org/guide/installation#%E6%96%B0%E6%89%8B%E6%A8%A1%E6%9D%BF