Nuxt.js 的默認應用目錄架構提供了良好的代碼分層結構,適用於開發或大或小的應用。
(1)asserts
該目錄是資源目錄,用於組織未編譯的靜態資源,如:LESS、SASS、JS
(2)components
該目錄是組件目錄,用於組織應用的Vue.js組件。Nuxt.js 不會擴展增強該目錄下 Vue.js 組件,即這些組件不會像頁面組件那樣有 asyncData
方法的特性。
(3)layouts
該目錄是布局目錄 ,用於組織應用的布局組件。說明:若無額外配置,該目錄不能被重命名。
(4)middleware
該目錄是中間件目錄,用於存放應用的中間件。
(5)pages
該目錄是頁面目錄,用於組織應用的路由及視圖。Nuxt.js 框架讀取該目錄下所有的 .vue
文件並自動生成對應的路由配置。說明:若無額外配置,該目錄不能被重命名。
(6)plugins
該目錄是插件目錄,用於組織那些需要在 根vue.js應用
實例化之前需要運行的 Javascript 插件。
(7)static
該目錄是靜態文件目錄,用於存放應用的靜態文件,此類文件不會被 Nuxt.js 調用 Webpack 進行構建編譯處理。 服務器啟動的時候,該目錄下的文件會映射至應用的根路徑 /
下。說明:若無額外配置,該目錄不能被重命名。
(8)store
該目錄是狀態樹目錄,用於組織應用的 Vuex 狀態樹 文件。 Nuxt.js 框架集成了 Vuex 狀態樹 的相關功能配置,在 store
目錄下創建一個 index.js
文件可激活這些配置。
(9)nuxt.config.js文件
該文件用於組織Nuxt.js 應用的個性化配置,以便覆蓋默認配置。說明:若無額外配置,該文件不能被重命名。
(10)package.json文件
該文件用於描述應用的依賴關系和對外暴露的腳本接口。說明:該文件不能被重命名。
(11)別名
別名 | 目錄 |
~或@ | srcDir |
~~或@@ | rootDir |
默認情況下,srcDir
和 rootDir
相同。