Angular环境配置

下载并安装node.js:https://nodejs.org/zh-cn/

  1. 安装 Angular CLI:npm install -g @angular/cli

    如果速度慢可以使用cnpm

    1. npm install -g cnpm --registry=https://registry.npm.taobao.org
    2. cnpm install -g @angular/cli<br />

如果安装失败,可尝试覆盖安装 npm install --force -g @angular/cli

  1. 创建工作空间和初始应用:ng new my-app

    如果一直卡住不动,可使用以下命令

    1. ng new my-app --skip-install
    2. cd myapp
    3. cnpm install
  2. 运行应用:

    cd my-app # 首先进入工作空间 ng serve --open # --open是运行后直接打开浏览器进入页面> <br />

    一个项目内配置多个application

创建一个项目,不创建application,不进行交互,跳过依赖安装
ng new name --createApplication=false --interactive=false --skipInstall=true

创建application,跳过依赖安装
ng g application app1 --style=css --routing=true --skipInstall=true
ng g application app2 --style=css --routing=true --skipInstall=true

安装依赖
cnpm install

运行
ng serve app1
ng serve app2

创建组件要先进入到app目录src\app>

Antd

ng切换为cnpm安装模块

ng config cli.packageManager cnpm
ng add ng-zorro-antd

目录结构

image.png
image.png
组件
生成组件:ng generate component foo