ng2目錄說明

2021-08-07 06:29:09 字數 1182 閱讀 7848

----------------------------目錄說明---------------------------------

一、e2e:端到端的測試目錄

二、src:源**目錄。

用@ngmodule宣告了乙個模組,在這個模組中:

首先用delarations宣告了這個模組中有什麼東西。這裡只能宣告元件,指令,管道。

imports:宣告要讓應用正常運轉,還需要什麼東西。也就是這個模組依賴的其他模組

(browermodule:開發web應用的必選模組,瀏覽器模組。

formsmodule:處理表單的模組。

hpptmodule:http服務的模組。與伺服器通訊。

)。當你引用了這些模組以後,你就可以在你的應用中使用這些模組提供的元件、指令和服務。

providers:用來宣告模組中提供了什麼服務。(這裡只能宣告服務,服務只能生命在這裡)

bootsrap:宣告了模組的主元件。

2.2 src->assets:靜態檔案目錄

2.3 src->environments:環境配置,可以執行在不同的環境下(開發,測試,生產環境)。在編譯的時候,根據不同的環境進行編譯

2.5 src->main.ts:指令碼執行的入口點。

2.6 src->polifile.ts:用來匯入一些必要的庫,是使ng可以正常的執行在某些老的瀏覽器

2.7 src->styles.css:應用全域性的樣式

2.8 src->test.ts:搞自動化測試用的

2.9 src->tfconfig.json:typescript編譯器的配置(不用改動)

三、.editorconfig:webstorm的配置檔案

四、.gitignore:git的配置檔案

五、angular-cli.json:angular命令列工具配置檔案。後面會去修改。會引用其他第三方的包(jq,bootstrap等)

六、karma.config.js:karma執行自動化測試。

七、package.json:標準的npm的配置檔案。第三方的依賴包。dependencis()devdependencis()

八、protractor.config.js:做自動化測試的乙個配置檔案。

九、readme.txt:angular命令列生成的乙個標準使用說明

十、tslint.json:定義typescript質量的規則

構建ng2簡單練手

angular構建說明1.開啟命令列 mkdir ng2 建立專案資料夾 cd ng2 切換到專案資料夾 2.新建三個json檔案 tsconfig.json 複製如下 exclude node modules typings main typings main.d.ts typings.json ...

自學ng2 速讀教程

每個模組都帶有乙個 ngmodule裝飾器的類 declarations 宣告元件 exports 可用於其他模組的元件模板 imports 宣告模組 providers 服務建立者,加入全域性服務列表中 bootstrap 指定根元件,只有根模組才能設定bootstrap屬性 js模組和ng模組完...

ng2 的建立命令

ng new project name 建立乙個新專案,置為預設設定 執行這些步驟所需要的全部設定,都由cli工具來完成。除了設定乙個新應用之外,該工具還支援開發者執行命令,構建應用的組成部分,如元件 component 和路由 route ng generate component my comp...