資源描述：
《angular代碼規(guī)范》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、概覽目錄結(jié)構(gòu)由于一個大型的AngularJS應(yīng)用有較多組成部分，所以最好通過分層的目錄結(jié)構(gòu)來組織。有兩個主流的組織方式：·按照類型優(yōu)先，業(yè)務(wù)功能其次的組織方式這種方式的目錄結(jié)構(gòu)看起來如下：.├──app│├──app.js│├──controllers││├──home│││├──FirstCtrl.js│││└──SecondCtrl.js││└──about││└──ThirdCtrl.js│├──directives││├──home│││└──directive1.js││└──about││├──directive2.js││└──directive3.js│├──filters││
2、├──home││└──about│└──services│├──CommonService.js│├──cache││├──Cache1.js││└──Cache2.js│└──models│├──Model1.js│└──Model2.js├──partials├──lib└──test·按照業(yè)務(wù)功能優(yōu)先，類型其次的組織方式如下：.├──app│├──app.js│├──common││├──controllers││├──directives││├──filters││└──services│├──home││├──controllers│││├──FirstCtrl.js│││└──S
3、econdCtrl.js││├──directives│││└──directive1.js││├──filters│││├──filter1.js│││└──filter2.js││└──services││├──service1.js││└──service2.js│└──about│├──controllers││└──ThirdCtrl.js│├──directives││├──directive2.js││└──directive3.js│├──filters││└──filter3.js│└──services│└──service3.js├──partials├──lib└──t
4、est·當(dāng)目錄里有多個單詞時,使用lisp-case語法:app├──app.js└──my-complex-module├──controllers├──directives├──filters└──services·在創(chuàng)建指令時，合適的做法是將相關(guān)的文件放到同一目錄下(如：模板文件,CSS/SASS文件,JavaScript文件)。如果你在整個項(xiàng)目周期都選擇這種組織方式，app└──directives├──directive1│├──directive1.html│├──directive1.js│└──directive1.sass└──directive2├──directive2.
5、html├──directive2.js└──directive2.sass那么，上述的兩種目錄結(jié)構(gòu)均能適用?！そM件的單元測試應(yīng)與組件放置在同一目錄下下。在這種方式下，當(dāng)改變組件時，更加容易找到對應(yīng)的測試。同時，單元測試也充當(dāng)了文檔和示例。services├──cache│├──cache1.js│└──cache1.spec.js└──models├──model1.js└──model1.spec.js·app.js文件包含路由定義、配置和啟動說明(如果需要的話)?！っ恳粋€JavaScript文件應(yīng)該僅包含?一個組件?。文件名應(yīng)該以組件名命名。·使用Angular項(xiàng)目模板，如?Yeoman
6、,?ng-boilerplate.組件命名的約定可以在每個組件中看到。標(biāo)記太長慎讀?把script標(biāo)簽放在文檔底部。MyApp
