使用腳手架工具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