Angular脚手架cli新增Angular项目

1.快速安装

cnpm install -g @angular/cli

2.创建一个带路由的新项目

ng new peoject_name --routing（project_name为项目名称）

3.运行项目(百度有些案例说直接输入命令“ng serve”即可启动项目，但是我电脑的项目不知道为什么不行，所以只能使用下面这行命令)

ng serve --open

 使用 –open（或-o） 参数可以自动打开浏览器并访问http://localhost:4200/

Angular-cli修改端口

通过命令行方式修改：

ng serve --port 端口号

修改端口号还可以通过另一种方法：(但是我的项目找不到这个文件，所以我只能通过命令修改端口号)

找到node_modules/angular-cli/lib/config/schema.json 
default值就是默认的端口

"serve": {"description": "Properties to be passed to the serve command","type": "object","properties": {"port": {"description": "The port the application will be served on","type": "number","default": 4200},"host": {"description": "The host the application will be served on","type": "string","default": "localhost"}}}
 }

这是启动后的页面：

转载于:https://www.cnblogs.com/shira-t/p/9283717.html