如何在开发模式下运行Angular应用？环境切换配置疑问

嘿，刚好对这块熟！咱们一步步把这个问题理清楚：

1. 直接启动开发模式应用 #

最省心的方式就是直接用这条命令，默认就会加载开发环境配置：

ng serve

启动后你就能在本地（一般是http://localhost:4200）访问你的Angular应用，而且会开启热重载，代码改动后自动刷新页面，非常适合开发阶段用。

2. 明确指定开发环境启动 #

如果你需要明确指定使用dev环境标识（比如项目里有多套开发配置时），你说的命令是完全正确的：

ng serve --environment=dev

3. 关于.angular-cli.json的环境配置逻辑 #

你的理解一点没错！这个配置文件里的环境映射关系就是这么工作的：

• environmentSource：指定的是所有环境配置的基础模板文件，这里对应的是environments/environment.ts
• environments 对象：键是环境标识，值是该标识对应的具体配置文件路径：
  • "dev": "environments/environment.ts"：dev标识对应开发环境的配置文件
  • "prod": "environments/environment.prod.ts"：prod标识对应生产环境的配置文件

小补充（针对新版本Angular） #

如果你后续升级到Angular 6及以上版本，.angular-cli.json会被angular.json替代，同时--environment参数也改成了--configuration，不过看你当前用的是.angular-cli.json，说明是Angular 5及更早版本，所以你现在的用法完全没问题～

内容的提问来源于stack exchange，提问作者DonkeyBanana