Yapılandırma dosyasında ng sunumu için varsayılan ana bilgisayar ve bağlantı noktasını ayarlama

Yazmak zorunda kalmamak için bir yapılandırma dosyasında bir ana bilgisayar ve bir bağlantı noktası ayarlayıp ayarlayamayacağımı bilmek istiyorum

ng serve --host foo.bar --port 80

sadece yerine

ng serve

Açısal CLI 6+

Açısal son sürümünde, bu ayarlanır yapılandırma dosyası . Misal:angular.json

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4444
                    }
                }
            }
        }
    }
}

Değerleri görüntülemek / düzenlemek için de kullanabilirsinizng config :

ng config projects["my-project"].architect["serve"].options {port:4444}

Açısal CLI <6

Önceki sürümlerde, bu öğenin altına ayarlanmıştıangular-cli.jsondefaults :

{
  "defaults": {
    "serve": {
      "port": 4444,
      "host": "10.1.2.3"
    }
  }
}

Şu an itibariyle bu özellik desteklenmiyor, ancak bu sizi rahatsız eden bir şeyse paketinizde bir alternatif olacaktır. Json ...

"scripts": {
  "start": "ng serve --host foo.bar --port 80"
}

Bu şekilde npm start

Bunu birden fazla projede yapmak istiyorsanız başka bir seçenek de ngserve, yukarıdaki komutunuzu yürütecek olan potansiyel olarak adlandırabileceğiniz bir takma ad oluşturmaktır .

Varsayılan HTTP bağlantı noktasını ve LiveReload sunucusu tarafından kullanılan bağlantı noktasını iki komut satırı seçeneğiyle yapılandırabilirsiniz:

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

https://github.com/angular/angular-cli

Bu, en son Açısal CLI'da değişti.

Dosya adı olarak değiştirildi angular.jsonve yapı da değişti.

Yapmanız gerekenler:

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "foo.bar",
                  "port": 80
                }
            }
        }
        ...
    }
}

Başka bir seçenek, ng servekomutla --portseçeneği çalıştırmaktır.

ng serve --port 5050 (örn. bağlantı noktası 5050 için)

Alternatif olarak: komutu ng serve --port 0otomatik olarak kullanılabilir bir bağlantı noktası atayacaktır.

Açısal'da varsayılan bağlantı noktası numarasını değiştirmenin iki yolu var.

İlk yol CLI komutudur:

ng serve --port 2400 --open

İkinci yol, konumdaki yapılandırmadır:

ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json.

Schema.json dosyasında değişiklik yapın.

{
 "title": "Dev Server Target",
  "description": "Dev Server target options for Build Facade.",
  "type": "object",
  "properties": {
    "browserTarget": {
      "type": "string",
      "description": "Target to serve."
    },
    "port": {
      "type": "number",
      "description": "Port to listen on.",
      "default": 2400
    },

Bunları bir dosyaya kaydedebilirsiniz, ancak koymanız gerekir .ember-cli(en azından şu anda); bkz. https://github.com/angular/angular-cli/issues/1156#issuecomment-227412924

{
"port": 4201,
"liveReload": true,
"host": "dev.domain.org",
"live-reload-port": 49153
}

edit: Şimdi bunları anterior-cli.json'da , 1.0.0-beta.30 sürümünde bulunan https://github.com/angular/angular-cli/commit/da255b0808dcbe2f9da62086baec98dacc4b7ec9 tarihinden itibaren ayarlayabilirsiniz.

Açısal projeyi özel ana makine / IP ve Port'ta çalıştırmayı planlıyorsanız , yapılandırma dosyasında değişiklik yapmaya gerek yoktur.

Aşağıdaki komut benim için çalıştı

ng serve --host aaa.bbb.ccc.ddd --port xxxx

Nerede,

aaa.bbb.ccc.ddd --> IP you want to run the project
xxx --> Port you want to run the project

Misal

ng serve --host 192.168.322.144 --port 6300

Benim için sonuç

Eğer pencerelerinizdeyse bunu şu şekilde yapabilirsiniz:

1. Proje kök dizininizde, run.bat dosyası oluştur
2. Komutunuzu bu dosyada seçtiğiniz yapılandırmalarla ekleyin. Örneğin

ng serve --host 192.168.1.2 --open

3. Artık sunmak istediğinizde bu dosyayı tıklayıp açabilirsiniz.

Bu standart bir yol değil (rahat hissediyorum) (ki hissediyorum).

İşte ben package.json (açısal 6 çalışan) koymak ne:

{
  "name": "local-weather-app",
  "version": "1.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --port 5000",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

Daha sonra, başlangıç ​​içeriğini düz bir npm başlatması çeker. İçeriklere başka seçenekler de ekleyebilir

resim açıklamasını buraya girin

Yapmanız gereken tek bir şey var. Bunu Komut İstemi'ne yazın --port 4021 [veya atamak istediğiniz diğer herhangi bir bağlantı noktasına yazın: 5050, 5051 vb.]. Dosyalarda değişiklik yapmaya gerek yok.

Sunumu çalıştırırken özellikle yerel ip adresinizin açık olmasını istiyorsanız aşağıdakileri yapabilirsiniz:

npm install internal-ip-cli --save
ng serve --open --host $(./node_modules/.bin/internal-ip --ipv4)