Angular CLI共通端末操作コマンド

CLI共通コマンド

ng new project-name -  ， 
ng build -  / 
ng test -  
ng e2e -  （end-to-end） 
ng serve -  web ， 
ng deploy -  ， Github Pages Firebase

     | ng g component home/component/my-new-component     
    //   src/app/home/component（ ）

     | ng g directive my-new-directive 
    
     | ng g pipe my-new-pipe 
    
     | ng g service my-new-service 
    
       | ng g class my-new-class 
    
     | ng g interface my-new-interface 
    
     | ng g enum my-new-enum 
    
     |ng g module my-module

CLI構成ポートについて

//   0.0.0.0   ip ， 4201     49153  
ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

CLI生成ルーティングについて

CLIは様々な方法でルーティングをサポートする:
作成項目を初期化すると、 @angular/router が自動的に追加され、packageに自動的に追加されます.jsonファイル
モジュールルーティングを生成するときは、命令 ng g module my-module --routingを使用して、 src/app/my-module/ ディレクトリの下にmy-moduleファイル名というルーティングモジュールを作成できます.

ng g module my-module --routing

このファイルには、異なるコンポーネントおよび/またはモジュールのルーティングを埋め込むことができる空のRoutesオブジェクトが含まれています.
この--routingオプションでは、モジュール名と同じデフォルトコンポーネントも生成されます.
プロジェクトを作成または初期化するときに、この--routingオプションng newを使用してapp-routingを作成できます.module.tsファイル.

関CLI構築コンパイルプロジェクト

プロジェクトをコンパイルするコマンド ng build を入力し、コンパイルされたファイル格納ディレクトリをプロジェクトルートディレクトリの下 dist/ ディレクトリの下に生成します.

CLI構築正式サーバーパッケージファイルとテスト環境ファイルとローカルファイルについて

ng build は、構築(または)とともに使用する構築ターゲット( --target=production --target=development )と環境ファイルを同時に指定することができる.デフォルトでは、開発を使用してターゲットと環境を構築します.

 --environment=dev--environment=prod 

angular-cliでいいです.jsonこのファイルでマッピングコンパイル環境パスを構成する

//angular-cli.json 


"environments": {
    "loca": "environments/environment.ts",
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
}

これらのオプションは、サービスコマンドにも適用されます.値 environment を渡さない場合は、devまたはdevelopmentおよびprodまたはproductionがデフォルトになります.

//cmd 

//  angular-cli.json     json    envuronments.loca    

ng build --environment=loca 


ng build --environment=prod

プロキシサーバについて

Webpackのdevサーバでプロキシサポートを使用すると、urlをキャッシュしてバックエンドサーバに送信できます.ファイルを渡すことで
例えば、サーバが稼働していますhttp://localhost:8080/apiああ、私たちはすべての要求が届くことを望んでいます.http://localhost:4200/apiこのサーバーにあります. --proxy-config の兄弟ディレクトリの下に package.json のフォルダを作成します.

//proxy.conf.json

        {
            "/api": {                                           //   api   
                "target": "http://192.168.1.52:8080/",
                "secure": false
            }
        }

コマンドを設定する必要があります
パッケージを変更します.jsonファイル

// packag.json    "start"      ng serve --proxy-config loca.conf.json

    "scripts": {
        "start": "ng serve --proxy-config loca.conf.json",
    },

そして私たちのプロジェクト proxy.conf.json を実行して、私たちはすべてhttp://localhost:8080/api次のリクエストはすべて"http://localhost:4200/api」と訪問しました.
詳細angular-cli構成https://github.com/angular/angular-cli/wiki

 | ng g component my-new-component 
 | ng g directive my-new-directive 
 | ng g pipe my-new-pipe 
 | ng g service my-new-service 
   | ng g class my-new-class 
 | ng g interface my-new-interface 
 | ng g enum my-new-enum 
 |ng g module my-module

また、皆さんのメッセージをお待ちしております.
sivona