這篇文章主要介紹“管理Angular項目的實用技巧有哪些”，在日常操作中，相信很多人在管理Angular項目的實用技巧有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”管理Angular項目的實用技巧有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、同仁網(wǎng)絡(luò)推廣、成都小程序開發(fā)、同仁網(wǎng)絡(luò)營銷、同仁企業(yè)策劃、同仁品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供同仁建站搭建服務(wù)，24小時服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com
很多單應(yīng)用程序核心是具有臃腫類的代碼庫。從本質(zhì)上講，這些臃腫的程序很難維護(hù)。從某種意義上講，他們很脆弱，脆弱到更改一行代碼可能對到整個程序產(chǎn)生災(zāi)難的影響。single responsibility principle 能阻止這些問題。
單一職責(zé)原則意味著組件有且僅有一個功能。
使用這種方法構(gòu)建應(yīng)用程序會產(chǎn)生一個模塊化框架，其中應(yīng)用程序是通過這些代碼塊串聯(lián)在一塊的。
使用這種方法能夠讓程序更易讀和更好維護(hù)。也能夠在應(yīng)用中很好定位指定的功能。
為了確保你的代碼能夠滿足這種要求，你可以問自己一個問題：這代碼是干什么的？如果自己的回答包含 and 這個關(guān)鍵字，那么你需要將你的代碼重構(gòu)為單一職責(zé)的代碼。
構(gòu)建 Angular 應(yīng)用程序并對其擴(kuò)展是一種持續(xù)性的練習(xí)。在不斷的練習(xí)中，使用單一職責(zé)原則組織你的項目，將使你的應(yīng)用程序干凈，可讀和可維護(hù)。
Angular 中的 modules 是單一原則的實施。在 Angular 中，每一個模塊代表一個分離的和獨立的功能。
Angular 中提供了幾種類型模塊去指定如何對它們進(jìn)行邏輯分組或組織。
Core
Core 模塊是一個 NgModule，用來實例化應(yīng)用并加載全局使用的核心功能。
所以，任何單例服務(wù)都應(yīng)該在核心模塊中實現(xiàn)。頁頭，頁腳或者導(dǎo)航欄都是這種類型的模塊。
每個應(yīng)用程序有且只有一個實例的所有服務(wù)（單例服務(wù)）都應(yīng)該在核心模塊實現(xiàn)。例如鑒權(quán)服務(wù)或者用戶服務(wù)。
Feature
功能模塊代表構(gòu)建應(yīng)用程序功能的代碼。比如，在一個線上購物的應(yīng)用中，我們會有將商品添加到購物車的功能和用于付款的單獨模塊。
Shared
共享模塊由可以被組合以創(chuàng)建新功能的模塊組成。比如，搜索函數(shù)在平臺中可以被用于多個功能。
以這種方式構(gòu)建代碼使事情更加容易定位并增加代碼可重用性的機(jī)會。
如果不遵循通用結(jié)構(gòu)，樣式文件很快就會變得雜亂無章。一般最佳實踐的模式 7-1 模式，該模式使用 7 個文件夾和 1 個文件，如下所示：
App- 項目的主要文件夾
Abstract- 抽象部分，包含所有變量、混合和類似的組件
Core- 包含整個站點的排版、重置和樣板代碼
Components- 包含要為一個網(wǎng)站創(chuàng)建的所有組件的樣式，例如按鈕、選項卡和模式
Layout- 包含定義站點布局所需要的文件，例如頁頭和頁腳
Pages- 包含每個特定頁面樣式
Vendors- 這個可選文件夾適合項目的使用的引導(dǎo)框架，比如 bootstrap
為包含該特定文件夾所有代入的在每個文件夾中新建一個 all.scss 文件。
許多服務(wù)都被設(shè)計全局范圍內(nèi)運行。然后，在某些情況下，一個組件需要一個服務(wù)。傳統(tǒng)的編碼組件實踐推薦單一責(zé)任原則。
在這種方法下，服務(wù)和組件被編寫為單獨的項目。
但是，考慮下入鍋刪除這些服務(wù)的組件會發(fā)生什么？你最終得到的是死代碼，只會使得倉庫變得更加混亂。在這種情況下，最佳實踐是將服務(wù)放在組件內(nèi)部。
這樣，維護(hù)組件和服務(wù)就更加容易了。
嵌套文件結(jié)構(gòu)本質(zhì)上比將所有代碼文件都放在一個目錄中的平面文件系統(tǒng)更加容易導(dǎo)航。
然而，隨著項目的方法，項目的文件結(jié)構(gòu)可能變得相當(dāng)復(fù)雜。雖然這使得定位代碼變得更加容易，但是當(dāng)它在編寫導(dǎo)入語句時提出了挑戰(zhàn)。
當(dāng)一個目錄結(jié)構(gòu)開始超過三個或者四個級別的時候， import 語句就會變得非常長并且難以閱讀。
解決這個問題的，我們可以在 tsconfig.json 文件中配置路徑的別名。在這個文件中，有個名為 compilerOptions 的數(shù)組。這個是你在應(yīng)用程序中配置路徑別名。
當(dāng)代碼編譯后，在該數(shù)組中定義的路徑別名會替換成真實的路徑。每個路徑的值是一個包含實際路徑和別名的鍵值對對象。
構(gòu)建 Angular 應(yīng)用程序并對其進(jìn)行擴(kuò)展是一項持續(xù)的練習(xí)。
到此，關(guān)于“管理Angular項目的實用技巧有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)頁題目：管理Angular項目的實用技巧有哪些
URL分享：http://weahome.cn/article/gjoejs.html
重慶分公司
重慶分公司
