好啦,開啟專案的第一步安裝,按照官方的做法,使用create-nuxt-app
來建置新的nuxt專案,
安裝好之後結構因該會是長這樣
assets:
用於webpack編譯的各類資源,可以放 sass、images、js等....
components:
管理公共組件或非公共組件
pages:
各頁面組件,用於生成對應路由,支持嵌套,支持動態路由,相當於vue-router的作用,其中的規則會在後續的文章中介紹
layouts:
主佈局頁面模板組件,用於你可以把不同的頁面指定使用不同的佈局
middleware:
中間件,首屏渲染和路由跳轉前均執行對應中間件(登錄態校驗等),可以返回promise或直接next
plugins:
插件,SPA中用的各類第三方組件和一些node模塊都可以在這引入,甚至可以引入自己編寫的第三方庫
static:
靜待的檔案放置位置,他在編譯時會直接複製到打包位置,適合放一些robots.txt或sitemap.xml
store:
vuex的主要放置位置,可以直接返回數據模塊或返回一個自建vuex根對象,也會在後續的文章更加詳細的介紹如何使用
nuxt.config.js:
nuxt的相關參數設定,也可以在此對webpack的一些設定等...
下一章我們就先來看看 nuxt.config.js 吧