@angular/cli 改變默認(rèn)啟動(dòng)端口兩種方式

tylin 發(fā)布于2019-08-23 13:44 / 3231人閱讀

摘要：因?yàn)楸镜叵Ｍ_啟兩個(gè)項(xiàng)目由于生成項(xiàng)目默認(rèn)是那么肯定會(huì)有端口沖突問題修改端口的兩種方式修改第二種方式通過方式中修改推薦用第二種

因?yàn)楸镜叵Ｍ_啟兩個(gè)項(xiàng)目,由于@angular/cli 生成項(xiàng)目默認(rèn)是: 4200; 那么肯定會(huì)有端口沖突問題;

修改端口的兩種方式：

1 修改 schema.json

node_modules@angular-devkituild-angularsrcdev-serverschema.json

{
  "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": *4200*
    },
    "host": {
      "type": "string",
      "description": "Host to listen on.",
      "default": "localhost"
    },
    "proxyConfig": {
      "type": "string",
      "description": "Proxy configuration file."
    },
    ...
    ...
  }
}

2 第二種方式通過 --port 方式 package.json中修改

 "start": "ng serve  --port 5200",

推薦用第二種

云服務(wù)器 GPU云服務(wù)器序列化兩種方式域名解析的兩種主要方式為啟動(dòng)方式非默認(rèn)端口

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/99475.html

相關(guān)文章

簡(jiǎn)單說說 angular.json 文件

摘要：指向一個(gè)文件，這個(gè)文件描述了所有的字段以及約束。其中一個(gè)項(xiàng)目為一個(gè)子項(xiàng)，如為一個(gè)項(xiàng)目，在創(chuàng)建時(shí)自動(dòng)生成。整個(gè)也有此字段，默認(rèn)生效于所有。默認(rèn)項(xiàng)目，當(dāng)使用一些命令沒有指定項(xiàng)目名稱時(shí)，默認(rèn)指向的項(xiàng)目。 ... 在Angular CLI 6+的版本后，原先的angular-cli.json就被換成了angular.json，而其中里面的字段變化挺大了，如果不了解基本的組成，或者直接把老版本的...

wangjuntytl 2019-08-23 12:34 評(píng)論0 收藏0
Angular系列之AoT編譯

摘要：編譯在運(yùn)行時(shí)才揭露它們，那樣有點(diǎn)太晚了。這是減少應(yīng)用程序占用空間的最有效的技術(shù)之一。這將在未來得到改變。當(dāng)前的最佳實(shí)踐是在開發(fā)器使用編譯，然后在發(fā)布產(chǎn)品前切換到編譯概覽眾所周知, angular應(yīng)用在可執(zhí)行之前, angular應(yīng)用中的組件和模板必須被轉(zhuǎn)化為可以被瀏覽器識(shí)別的javascript代碼, 而這種轉(zhuǎn)化正是通過angualr自身的編譯器所執(zhí)行的. angular提供了兩種...

Object 2019-08-20 19:01 評(píng)論0 收藏0
DevOps 基于Walle的小型持續(xù)集成實(shí)戰(zhàn)（六）基于Walle發(fā)布前端React,Angular

摘要：本章用于講解如何在下構(gòu)建和運(yùn)行前端應(yīng)用。項(xiàng)目配置服務(wù)名稱鏡像版本映射容器端口到本地端口數(shù)據(jù)卷映射本地文件到容器映射文件到容器的目錄并覆蓋文件映射文件夾到容器的文件夾覆蓋容器啟動(dòng)后默認(rèn)執(zhí)行的命令。環(huán)境準(zhǔn)備參考文檔本章用于講解如何在walle下構(gòu)建和運(yùn)行前端應(yīng)用。主要包含React,Angular應(yīng)用，以Nginx+Docker運(yùn)行（Vue方式不講，大家自行研究）新建項(xiàng)目項(xiàng)目中心 >...

tuomao 2019-06-28 17:21 評(píng)論0 收藏0
Angular 2.x 從0到1 (一）史上最簡(jiǎn)單的Angular2教程

摘要：官方支持微軟出品，是的超集，是的強(qiáng)類型版本作為首選編程語言，使得開發(fā)腳本語言的一些問題可以更早更方便的找到。第一個(gè)組件那么我們來為我們的增加一個(gè)吧，在命令行窗口輸入。引導(dǎo)過程通過在中引導(dǎo)來啟動(dòng)應(yīng)用。它們的核心就是。第一節(jié)：Angular 2.0 從0到1 （一）第二節(jié)：Angular 2.0 從0到1 （二）第三節(jié)：Angular 2.0 從0到1 （三）第一章：認(rèn)識(shí)Angular...

tuniutech 2019-08-20 13:58 評(píng)論0 收藏0
Angular（01）-- 架構(gòu)概覽

摘要：正文架構(gòu)概覽正文架構(gòu)概覽接觸大概一個(gè)月吧，期間寫了個(gè)項(xiàng)目，趁現(xiàn)在稍微有點(diǎn)時(shí)間，來回顧梳理一下。里的模塊，并不等同于項(xiàng)目中的模塊概念。當(dāng)然，這只是我目前階段的理解。聲明本系列文章內(nèi)容梳理自以下來源： Angular 官方中文版教程官方的教程，其實(shí)已經(jīng)很詳細(xì)且易懂，這里再次梳理的目的在于復(fù)習(xí)和鞏固相關(guān)知識(shí)點(diǎn)，剛開始接觸學(xué)習(xí) Angular 的還是建議以官網(wǎng)為主。因?yàn)檫@系列文章，更多的會(huì)...

bitkylin 2019-04-23 11:46 評(píng)論0 收藏0