iT邦幫忙

1

NUXT.js 筆記 - 專案結構

  • 分享至 

  • xImage
  •  

好啦,開啟專案的第一步安裝,按照官方的做法,使用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 吧


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言