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

时间:2016-12-21 10:10:14

标签: angular port angular-cli

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

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

{
  "port" : 3000,

但没有任何反应。 有人有想法吗?

3 个答案:

答案 0 :(得分:34)

使用Angular-CLI 1.0.0进行编辑

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

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

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

旧答案

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

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

然后使用npm start

运行您的服务器

答案 1 :(得分:8)

与新版本一样,.angular-cli.json不可见。您可以像这样在type1 的{​​{1}}部分设置port

serve

您可以添加任何端口号,而不是angular.json

这就是如何设置"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "formation:build", "port": 5001 }, .... 的方法,就像端口:

5001

答案 2 :(得分:1)