angular-cli在angular-cli.json中将端口更改为3000

Question

我使用Daniel Zen的材料todo应用程序,并希望更改为angular-cli.json中的端口. https://github.com/danielzen/material-todo

但这不起作用.我试过这个:

{
  "port" : 3000,

但没有任何反应.有人有想法吗？

Answer 1

使用Angular-CLI 1.0.0进行编辑

您现在可以.angular-cli.json通过定义如下属性来直接定义文件中使用的端口:

{
    "defaults": {
        "serve": {
            "port": 2500
        }
    }
}

以下是配置的所有可用选项的直接链接:Angular-CLI选项配置

老答案

您可以直接在您的配置中packages.json,start通过以下方式更改脚本:

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

然后运行您的服务器 npm start

Answer 2

与新版本一样.angular-cli.json不可见.你可以port在这样的serve部分设置angular.json:

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "formation:build",
            "port": 5001
          },
 ....

您可以添加任何端口号而不是 5001

多数民众赞成你如何设置你的东西host,就像端口一样:

"host": "your_host_name"