使用腳手架工具create-nuxt-app快速建立項目

使用Nuxt.js腳手架工具create-nuxt-app快速建立項目css

先決條件:vue

確保安裝了npx(npx在NPM版本5.2.0默認安裝了):ios

npx create-nuxt-app <項目名>

或者用yarn :git

yarn create nuxt-app <項目名>

建立時的選項:github

1.在集成的服務器端框架之間進行選擇:express

2.選擇UI框架:npm

3.選擇測試框架:bootstrap

  • None (隨意添加一個)
  • Jest
  • AVA

4.選擇Nuxt模式 (Universal or SPA)axios

5.添加 axios module 以輕鬆地將HTTP請求發送到您的應用程序中。api

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

相關文章
相關標籤/搜索