angular的項目基本配置的瞭解

建立Angular的腳手架

1.在全局安裝Angular腳手架環境(安過就不用在安了)

npm install -g @angular/cli 

2.在本地文件夾中建立angular項目(找好要安裝到那個目錄中，在那個目錄下cmd)

3.進入項目 啓動項目

npm start 或者 ng serve(ng serve --open --open表明自動打開瀏覽器 簡寫爲 -o)

ng serve --port 4300(改變默認端口號)

 

angular的版本

Angular.js 表明1.x版本 如今依然在維護中，不在作升級 它是一個框架模式是 MVC

Angular 表明2.x版本以上 它的版本升級比較快 它的框架是 MVVM

Angular 歐美公司 企業用的比較多

Angular 是谷歌開發的

typeScript是微軟開發的 js超級塔並非一門新的語言 它是在js的基礎上增長了數據定義類型 真正意義上去實現面向對象的概念

項目文件夾目錄

e2e 端到端的測試

node_modules 第三方包管理

src 代碼文件夾

.editorconfig 代碼編輯器的配置

.gitignore 指定git應忽略的沒必要追蹤的文件

README.md 根應用的簡介文檔

angular.json

爲工做區中的全部項目指定cli的默認配置，包括cli要用到的構建、啓動開發服務器和測試工具的配置項，好比TSLint，Karma和Protractor。

package.json

配置工做空間中全部項目可用的npm包依賴。有關此文件的具體格式和內容

tsconfig.json

工做空間中各個項目的默認 TypeScript配置

tslint.json

工做空間中各個項目的默認 TSLint配置

 

src 文件夾中的配置

app 根組件相關的配置文件

assets 靜態資源管理

environments/

包含特定目標環境的構建配置項。默認狀況下，有一個無名的標準開發環境和一個生產("prod")環境。你還能夠定義其餘的目標環境配置

favicon.ico

用做該應用在標籤欄中的圖標

index.html

當有人訪問你的站點的時候，提供服務的主要HTML頁面，CLI會在構建你的應用時自動添加全部的JavaScript和css文件，因此你一般不用手動添加任何<script>或者<link>標籤

main.ts 入口文件

polyfills.ts 瀏覽器支持的腳本

style.css 樣式文件

test.ts 測試文件

app這個根組件的配置

app-routing.modul.ts 路由相關的配置文件(單獨下載的)

app/app.component.ts

爲應用的根組件定義邏輯，名爲 AppComponent 。當你嚮應用中添加組件和服務時，與這個根組件相關聯的視圖就會成爲視圖樹的根

app/app.component.html

定義與根組件 Appcomponent 相關的HTML模板

app/app.component.css 

爲根組件 AppComponent 定義了基本的CSS 樣式表

app/app.component.spec.ts

爲根組件 AppComponent定義一個單元測試

app/app.module.ts

定義了名爲AppModule的根模塊，它會告訴Angular如何組裝應用。這裏最初只聲明一個 AppComponent。當你嚮應用中添加更多組件時，它們也必須在這裏聲明

在angular中 快速建立一個組件

ng g c component/index(後面這個是文件夾名字)