Angular安装教程及可能出现的问题解决方案

搭载Angular环境

1、安装node.js

在nodejs的官网下载最新版的软件，直接点击安装，可以选择默认路径，即安装在C盘C:\Program Files\nodejs
安装完成后，打开cmd
输入命令行node -v 看看安装版本

可能出现的状况：提示 ‘node’ 不是内部或外部命令，也不是可运行的程序或批处理文件
状况原因：环境变量没有配置正确
解决方法：打开控制面板 - >系统和安全 - >系统 - >高级系统设置 - >环境变量
用户变量中设置 NODE_PATH：C:\Program Files\nodejs
系统变量中在path中加入：C:\Program Files\nodejs\

2、安装Angular cli

cmd中输入npm install -g @angular/cli（注意g后面有个空格）

可能出现的状况及解决方法：如果安装速度慢，可更改npm镜像源的地址npm config set registry https://registry.npm.taobao.org
配置后可通过下面方式验证是否成功npm config get registry

3、新建项目及项目工作空间

cmd中输入d: 去往项目需要安装存放的硬盘
cmd中输入ng new my-app（my-app是项目名称，自定义）

可能出现的状况：
中间存在的两个问题输入y（即yes） 再回车继续
installing package(npm)…（过程可能时间稍长，内容较大）
Packages installed successfully.即安装成功。

4、运行程序

cmd中输入 cd my-app 进入该项目
cmd中继续输入ng serve --open 该命令会自动打开浏览器，并导航至http://localhost:4200/
my-app app is running! 即成功

5、开发工具的安装

angular主要使用webstorm，sublime text或vscode进行项目开发
官网下载即可