Angular相关命令

1、全局安装Angular CLI.(command line interface)

npm install -g @angular/cli

2、创建新项目,在指安目录下运行以下命令(“my-app”为新项目名称):

ng new my-app

3、启动开发服务器(“my-app”为项目所在目录)

cd my-app
ng serve //启动服务
ng serve --open //启动服务并用默认的浏览器打开
ng serve --host 0.0.0.0 //启动服务并允许用ip地址访问

4、创建组件(“heroes”为组件名称)

ng generate component heroes
ng generate component heroes -it //若添加“-it”,则为创建组件时不建模板

5、创建服务(hero为服务名)

ng generate service hero

6、创建路由(“app-routing”为路由名称)

ng generate module app-routing --flat --module=app
--flat:把文件放进src/app中,而不是单独的目录中
--module=app:告诉CLI把它注册到appModule的imports数组中

7、安装内存WebApi

npm install angular-in-memory-web-api --save

8、项目打包

ng build
ng build --base-href /my-app/  //设置项目名称“my-app”,在项目布署时,不设置项目名称将会打不开。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值