@angular/cli 改变默认启动端口两种方式

tylin 发布于2019-08-23 13:44 / 3153人阅读

摘要：因为本地希望开启两个项目由于生成项目默认是那么肯定会有端口冲突问题修改端口的两种方式修改第二种方式通过方式中修改推荐用第二种

因为本地希望开启两个项目,由于@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云服务器序列化两种方式域名解析的两种主要方式为启动方式非默认端口

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99475.html

简单说说 angular.json 文件

摘要：指向一个文件，这个文件描述了所有的字段以及约束。其中一个项目为一个子项，如为一个项目，在创建时自动生成。整个也有此字段，默认生效于所有。默认项目，当使用一些命令没有指定项目名称时，默认指向的项目。 ... 在Angular CLI 6+的版本后，原先的angular-cli.json就被换成了angular.json，而其中里面的字段变化挺大了，如果不了解基本的组成，或者直接把老版本的...

wangjuntytl 2019-08-23 12:34 评论0 收藏0
Angular系列之AoT编译

摘要：编译在运行时才揭露它们，那样有点太晚了。这是减少应用程序占用空间的最有效的技术之一。这将在未来得到改变。当前的最佳实践是在开发器使用编译，然后在发布产品前切换到编译概览众所周知, angular应用在可执行之前, angular应用中的组件和模板必须被转化为可以被浏览器识别的javascript代码, 而这种转化正是通过angualr自身的编译器所执行的. angular提供了两种...

Object 2019-08-20 19:01 评论0 收藏0
DevOps 基于Walle的小型持续集成实战（六）基于Walle发布前端React,Angular

摘要：本章用于讲解如何在下构建和运行前端应用。项目配置服务名称镜像版本映射容器端口到本地端口数据卷映射本地文件到容器映射文件到容器的目录并覆盖文件映射文件夹到容器的文件夹覆盖容器启动后默认执行的命令。环境准备参考文档本章用于讲解如何在walle下构建和运行前端应用。主要包含React,Angular应用，以Nginx+Docker运行（Vue方式不讲，大家自行研究）新建项目项目中心 >...

tuomao 2019-06-28 17:21 评论0 收藏0
Angular 2.x 从0到1 (一）史上最简单的Angular2教程

摘要：官方支持微软出品，是的超集，是的强类型版本作为首选编程语言，使得开发脚本语言的一些问题可以更早更方便的找到。第一个组件那么我们来为我们的增加一个吧，在命令行窗口输入。引导过程通过在中引导来启动应用。它们的核心就是。第一节：Angular 2.0 从0到1 （一）第二节：Angular 2.0 从0到1 （二）第三节：Angular 2.0 从0到1 （三）第一章：认识Angular...

tuniutech 2019-08-20 13:58 评论0 收藏0
Angular（01）-- 架构概览

摘要：正文架构概览正文架构概览接触大概一个月吧，期间写了个项目，趁现在稍微有点时间，来回顾梳理一下。里的模块，并不等同于项目中的模块概念。当然，这只是我目前阶段的理解。声明本系列文章内容梳理自以下来源： Angular 官方中文版教程官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触学习 Angular 的还是建议以官网为主。因为这系列文章，更多的会...

bitkylin 2019-04-23 11:46 评论0 收藏0