文件夾樹注解
- htmls
html一個文件放除去index.html外的其他頁面文件。
-
imgs
存放所有的圖片文件：.png、.jpg、.jpeg、壁紙等。
示例：icon.png、home-background.jpeg、userAvatar.jpg。
-
js（主文件夾）存放.js文件。
子文件夾組織情況如下：
* \controllers（子文件夾）
存放angular控制器，每一個控制器都有一個與對應視圖相同的名字。比如，如果home.html需要一個angular控制器，你可以創建一個像這樣的文件： project\js\controllers\home.js。
示例：home.js、user-registration.js、user-login.js
* \libs（子文件夾）
用於存放JavaScript庫，當然這里不包含插件。
示例：jquery-latest.js、angular.js、googleAnalytics.js
*\plugins（子文件夾）
插件需要依賴關系來工作，而庫不需要，這也就是為什么這里創建兩個文件夾的原因。
示例：jquery-fancyInput.js、restangular.js、customPlugin.js、jquery-airport.js
*\views（子文件夾）
存放所有表象的東西，每個文件都與對應的視圖名稱相同。例如，如果home.html需要一些效果、材料以及插件初始值，你可以創建一個像這樣的文件：project\js\views\home.js。
示例：home-animations.js、user-registration.js、user-login.js、site-animations.js
-
CSS（主文件夾）
這個文件夾包含了所有從主SCSS文件中生成的CSS。例如home.scss會在該文件中生成對應的home.css文件。
* \libs（子文件夾）
即使是對CSS文件，我也會區分庫和插件，這里有些CSS庫例子。
示例：_meyers-reset.scss、_normalize.scss、_animate.scss、_960gridSystem.scss
*\plugins（子文件夾）
CSS文件包含於該文件夾中是使JavaScript插件工作的必備風格。
示例：_jquery-fancyInput.scss、_jqueryTooltip.scss
*\framework （子文件夾）
我決定在這個目錄中存放scss文件以共享到整個項目頁面，框架子文件將以下面的方式組織：
_variables.scss（項目變量聲明——colors、spacings等） _mixins.scss（項目mixin聲明——typography、clearfix、animations等） _forms.scss（自定義表單樣式和重置） _input.scss（自定義輸入樣式和重置）
*\layouts (子文件夾)
這是一個敏感的部分。這個目錄中的文件以這種方式組織：它們涵蓋所有屏幕分辨率、遵循移動第一的原則。所以，你應該使用_all.scss聲明你自己的風格。在該文件中的規格聲明是對所有屏幕尺寸和所有視圖都有效的。如果你希望你的網站適應性強的話，就不要僅僅是重寫規則，為其他屏幕分辨率聲明它們。