Nuxt.js 的默認應用目錄架構提供了良好的代碼分層結構，適用于開發(fā)或大或小的應用。 當然，你也可以根據自己的偏好組織應用代碼。

目錄

資源目錄

資源目錄 assets 用于組織未編譯的靜態(tài)資源如 LESS、SASS 或 JavaScript。

關于 assets 目錄的更多信息

組件目錄

組件目錄 components 用于組織應用的 Vue.js 組件。Nuxt.js 不會擴展增強該目錄下 Vue.js 組件，即這些組件不會像頁面組件那樣有 asyncData 方法的特性。

布局目錄

布局目錄 layouts 用于組織應用的布局組件。

若無額外配置，該目錄不能被重命名。

關于布局的更多信息

中間件目錄

middleware 目錄用于存放應用的中間件。

關于中間件的更多信息

頁面目錄

頁面目錄 pages 用于組織應用的路由及視圖。Nuxt.js 框架讀取該目錄下所有的 .vue 文件并自動生成對應的路由配置。

若無額外配置，該目錄不能被重命名。

關于頁面的更多信息

插件目錄

插件目錄 plugins 用于組織那些需要在 根vue.js應用 實例化之前需要運行的 Javascript 插件。

關于插件的更多信息

靜態(tài)文件目錄

靜態(tài)文件目錄 static 用于存放應用的靜態(tài)文件，此類文件不會被 Nuxt.js 調用 Webpack 進行構建編譯處理。 服務器啟動的時候，該目錄下的文件會映射至應用的根路徑 / 下。

舉個例子: /static/robots.txt 映射至 /robots.txt

若無額外配置，該目錄不能被重命名。

關于靜態(tài)文件的更多信息

Store 目錄

store 目錄用于組織應用的 Vuex 狀態(tài)樹 文件。 Nuxt.js 框架集成了 Vuex 狀態(tài)樹 的相關功能配置，在 store 目錄下創(chuàng)建一個 index.js 文件可激活這些配置。

若無額外配置，該目錄不能被重命名。

關于 store 的更多信息

nuxt.config.js 文件

nuxt.config.js 文件用于組織Nuxt.js 應用的個性化配置，以便覆蓋默認配置。

若無額外配置，該文件不能被重命名。

關于 nuxt.config.js 的更多信息

package.json 文件

package.json 文件用于描述應用的依賴關系和對外暴露的腳本接口。

該文件不能被重命名。

別名

默認情況下，srcDir 和 rootDir 相同。

提示: 在您的 vue 模板中, 如果你需要引入 assets 或者 static 目錄, 使用 ~/assets/your_image.png 和 ~/static/your_image.png方式。