CLI命令

  1. npm install -g @angular/cli
  2. ng new my-project-name
  3. ng serve --open
  4. ng build --prod

    创建组件

  5. ng generate component heroes

  6. ng generate component banner --inline-template --inline-style --module app

在 app/banner 文件夹中生成带有内联模板和内联样式的 BannerComponent

  1. 更多用法

    创建服务

  2. ng generate service hero

    创建模块

  3. ng generate module app-routing --flat --module=app

--flat 把这个文件放进了 src/app 中,而不是单独的目录中。
--module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中。

创建路由

ng generate module my-module --routing

添加ng-zorro

ng add ng-zorro-antd

指令

ng-container

反向代理 proxy.conf.json

注意要有changeOrigin

  1. {
  2. "/pictures": {
  3. "target": "http://api.soomey.net/pictures-v21",
  4. "secure": false,
  5. "logLevel": "debug",
  6. "pathRewrite": {
  7. "^/pictures" : ""
  8. },
  9. "changeOrigin": true
  10. }
  11. }