Angular安装与新建项目教程

一、安装

1、安装@angular-cli

```cmd进入DOS
npm view @angular/cli versions
```

查看@angular-cli的版本

由于我们公司的第三方库paletx只支持angular4\angular6(需要打补丁)，所有建议安装对应版本

2.开始安装

```cmd进入DOS
npm install -g @angular/cli@6.2.9
```

在那装的过程中如果失败出现或者不识别npm指令则是由于少.nmprc文件

由于公司安全需求，使用npm需要使用代理

文件目录：C:\Users\10223800\\.npmrc文件配置相应代理

```.npmrc（拷贝其他人或者自己建）文件内容如下：
registry=https://artnj.zte.com.cn/artifactory/api/npm/zenap-npm-virtual/
_auth=emVuYXAtcmVhZDpBUDRLTGcyS0JwWHVoYUp4ZlRQTGhvY0ZlU3I=
always-auth=true
email=huang.yuanyuan@zte.com.cn

然后重新以上指令

 

若安装成功后，输入

```cmd
ng -v
```

如果出现如下，则安装成功

 

 

二、新建项目

1.开始创建

```cmd
ng new angular-practice
```

该步骤可能会花费一定的时间，因为需要下载第三方包，请大家耐心等待...

可以忽略警告，没有对应的报错即可。

如果提示download node-sass失败则需要去github下载提示版本的node-sass包放到目录

C:\Users\10257527\AppData\Roaming\npm-cache\node-sass\4.12.0下

重新上面的指令，创建成功后会出现angular-practice项目

2.启动项目

```cmd
cd angular-practice
ng serve
```

进入生产的目录，运行ng serve

在浏览器输入http://localhost:4200/

angular开发环境搭建成功