前端目錄構建規範

1、前端目錄構建規範的做用

　　目的是與項目開發的目錄結構保持一致，便於項目的構建與管理。

　

2、資源分類

　　一、源代碼資源

　　　　指開發者編寫的源代碼，包括html、css、template等

　　二、內容資源

　　　　指但願做爲內容提供給訪問者的資源，包括圖片、字體、flash、pdf等，最經常使用的應該就是readme.md文件

 

3、目錄命名規則

　　一、簡潔　　有習慣性的縮寫單詞，採用容易理解的縮寫。如源代碼目錄src，不要寫成source

　　二、經常使用的一些文件名稱　　

　　　　img：圖片　　不要使用image、images、imgs等

　　　　js：JavaScript腳本　　不要使用script、scripts等

　　　　css：樣式表　　不要使用style、styles等

　　　　swf：flash　　不要使用flash等

　　　　src：源文件目錄　　不要使用source等

　　　　dep：第三方依賴包　　不要使用lib、library、dependency等

　　　　注意：不容許出現複數形式，如imgs、deps是不容許的。

 

4、根目錄的劃分

　　根目錄下按照職能進行劃分，不容許將資源類型或者業務邏輯的目錄劃分到根目錄下。

　　根目錄下經常使用的文件以下：

　　　　src

　　　　test

　　　　doc

　　　　dep

　

5、業務邏輯劃分src目錄結構

　　業務項目的src目錄內，絕大多數狀況應該根據業務邏輯劃分目錄結構。

　　業務邏輯下經常使用的文件以下：

　　　　utils

　　　　common　　　　

　　　　components

　　　　routers

　　　　assets

　　　　api

　　　　store

　　　　view

　　　　static

　　注意：這是按照vue/react進行的劃分，不是固定的，我的習慣。