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”,在项目布署时,不设置项目名称将会打不开。