angular 項目建立打包過程

1.安裝node
　　node下載地址:https://nodejs.org/zh-cn/download/
　　node安裝會默認裝好npm
　　檢驗node，npm安裝成功否
　　node -v
　　npm -v
2.安裝淘寶鏡像（cnpm）
　　npm install cnpm -g --registry=https://registry.npm.taobao.org
　　檢驗cnpm安裝成功否
　　cnpm -v
3.安裝腳手架
　　npm install -g @angular/cli
4.建立項目
      1）.npm建立項目ng new myProject   //myProject是項目名稱，自定義就行
      2）.有時候上邊方法還好，有時候會慢到你懷疑人生，能夠用第二種。cnpm安裝
     　　 ng new myProject --skip-install  // 先跳過npm安裝
      　　cd myProject
    　　 cnpm install  
5.啓動 ng serve   

    啓動成功瀏覽器訪問localhost:4200就能夠
6.打包
　  ng build
 　 生成一個dist文件夾，裏面就是打包的文件
打包注意：
     1).index.html裏面 <base href="/">改爲 <base href="./">

　　app.module.ts文件裏導入HashLocationStrategy和LocationStrategy

　　導入方法：import {HashLocationStrategy, LocationStrategy} from '@angular/common';

　　providers: [
 　　　　 {provide: LocationStrategy, useClass: HashLocationStrategy}
 　　]

　　不改打包出來文件路徑不對
     2).assets裏面的靜態文件直接 "assets/logn-1.png"訪問就行
     eg:<img src="assets/logn-1.png" />
     "../"方式訪問路徑打包出來找不到路徑
     eg:<img src="../../assets/logn-1.png" />

經常使用於新建的指令
　　ng g class classname // 新建 class
　　ng g component componentname // 新建組件
　　ng g directive directivename // 新建指令
　　ng g enum enumname // 新建枚舉
　　ng g module modulename // 新建模塊
　　ng g pipe pipename // 新建管道
　　ng g service servicename // 新建服務