（學習自慕課網中《所向披靡的響應式開發》課程中）

一.如何組織項目目錄結構

1.約定優於配置

2.約定代碼結構或命名規範來減少配置數量

（沒有最好的組織方式，只有合適的組織方式）

樣式放入CSS文件下，main.css是通用樣式，normalize.css是引用樣式，login是的登錄樣式。

腳本放入js文件下，main.js是通用腳本，vendor文件夾來存放第三方庫和框架；壓縮版可加上min前綴。

othersrc為大、中型項目中，home為主頁，login為登錄頁，customer為用戶模塊，common為通用文件夾。

tpl文件夾用來存放模板文件，swf文件夾用來存放flash文件，less和sass存放該工具文件。（都在根目錄下）

二、JS文件夾下

錯誤頁面

爬蟲訪問時告訴爬蟲的爬取範圍（不具有強制性，只是一種約定）

都可以訪問爬取，除了admin下的文件

用於網站的標誌，在地址欄顯示（常用logo）

介紹團隊信息，網站信息，是給“人”看的

三、根目錄下

統一代碼解決方案的文件，用來幫助開發者在不同瀏覽器、IDE下更好地維護代碼，主要是各種代碼規範。

1.charst = utf-8(所有文件編碼格式為utf-8)

2.indent_size(代碼縮進尺寸）

3.indent_style = space(代碼縮進方式為空格）

4.insert_final_newline = true(每一個文件以空白行結尾）

5.trim_trailing_whitespace = true(去除換行行首的空白字符）

1.trim_teailing_whitespace = flase(不去除換行行首的空白字符）

告訴 git 來管理版本文件

保存版權聲明，開源協議等信息

Markdown 具體語法可參見本人博客。

項目目錄標準結構（前端）