Angular 指令詳解

1. Angular安裝

 1.1 因爲angular一般是用npm安裝,所以需要先裝npm. npm的安裝一般用NodeJS. 所以把NodeJS裝好,npm也就裝好了。

   NodeJS 下載地址:https://nodejs.org/en/download/

    以Windows爲例,下載安裝最新版本。

 

                     

 

  安裝完之後npm的會安裝到C盤去:C:\Users\MichaelQiao\AppData\Roaming\npm

 1.2 配置npm的鏡像,使用國內的鏡像。

    npm config set registry=http://registry.npm.taobao.org

    檢查是否設置成功: npm config list

                     

 

 

2. 安裝angular cli

  2.1 安裝typescript.

    npm install -g typescript 

    (因爲angular 2.0之後是用的typescript)

    注意!!!!可能在公司網絡裏配了代理會導致下載失敗。檢查是否配置了代理,用命令 npm config list, 如果有proxy這個選項,證明已經配置了代理。解決方法就是刪除代理配置,使用命令:npm delete proxy.

  2.2  安裝angular cli

    npm install -g @angular/cli

 

3. Angular命令詳解

   3.1 生成新的工程以及初始化

    ng new my-app

  3.2 運行agular程序

    cd my-app

    ng serve --open

  3.3 添加新的組件

    ng g component homepage

    (g 是generate的縮寫)

  3.4 添加新的路由

    先介紹router 作用:

    a. 瀏覽器地址欄輸入地址之後跳轉。

    b. 在頁面上點擊鏈接跳轉到新的頁面。

    c. 點擊瀏覽器的前進和後退,導向之前或之後的頁面。

    指令:ng g component yourcomponent之後,把yourcomponent添加到app.module.ts裏的@NgModule裏的RouterModule裏面去。

  3.5 生成服務 

    service介紹: Services are the place where you share data between parts of your application 可以理解成頁面之間共享數據的類。

    指令:ng g service yourservice

 

        

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章