# 目錄結構和文件命名規則
---
建立統一的目錄結構和使用規范的文件命名有助于其他人快速找到所需要的資源等。
##目錄結構
* 靜態頁面目錄結構
| <center>目錄</center> | <center>存放文件</center>|
| -- | -- |
| 根目錄 | HTML文件 |
| scss | SASS預編譯文件 |
| img | 圖片資源文件 |
| css | SASS編譯完成文件 |
| js | JavaScript腳本文件 |
* PHP項目目錄結構
PHP項目的靜態資源統一放在項目下的webroot文件中的res文件夾中,頁面全部放在protected文件中的views中的php文件中。
##SCSS文件結構
| <center>目錄</center> | <center>存放文件</center>|
| -- | -- |
| 根目錄 | 各個頁面的樣式(由各個文件夾的樣式組裝并加上頁面的獨有樣式) |
| base | resset樣式 |
| helps | 定義通用變量樣式 |
| layout | 布局樣式,如head、footer樣式 |
| module | 組件樣式,如輪播樣式 |
| sprite | gulp的雪碧圖生成樣式 |
| utility | 部分功能性樣式,如clearfix等樣式 |
>各個項目中不一定每個文件夾都有文件
scss文件最好根據不同頁面分為common.scss和當前頁面的scss文件,并將相同復用部分放入common.scss中
##文件命名規范
* 通用規范
* 命名以小寫英文單詞命名,多個單詞命名時以下劃線分隔,盡量不用縮寫(除非是約定俗成或通用的縮寫)
* 項目命名
* 全部采用小寫方式, 以下劃線分隔。
例:my_project_name
* JS文件命名
* 參照項目命名規則。
例:account_model.js
* CSS, SCSS文件命名
* 參照項目命名規則。
例:retina_sprites.scss
* HTML文件命名
* 參照項目命名規則。
例:error_report.html