@angular/cli 改變默認啟動端口兩種方式

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

摘要：因為本地希望開啟兩個項目由于生成項目默認是那么肯定會有端口沖突問題修改端口的兩種方式修改第二種方式通過方式中修改推薦用第二種

因為本地希望開啟兩個項目,由于@angular/cli 生成項目默認是: 4200; 那么肯定會有端口沖突問題;

修改端口的兩種方式：

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",

推薦用第二種

云服務器 GPU云服務器序列化兩種方式域名解析的兩種主要方式為啟動方式非默認端口

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/99475.html

簡單說說 angular.json 文件

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

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

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

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

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

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

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

tuniutech 2019-08-20 13:58 評論0 收藏0
Angular（01）-- 架構概覽

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

bitkylin 2019-04-23 11:46 評論0 收藏0