NuxtJS項目——目錄結構說明


  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 相同。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM