Angular快速入门

第一步：建议安装编译器：vscode（也可以使用idea等其他编译器)

https://code.visualstudio.com/Download

设置中文语言环境

https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.html

第二步：安装nodeJS和NPM（必备环境）

https://nodejs.org/en/（选择LTS版本）

安装后在控制台输入

node -v

或

npm -v

通过是否显示版本号来检验是否安装成功

参考地址：https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html

如果在windows下需要安装多个Node版本可以参考

https://www.cnblogs.com/kevinlvhsl/p/6226758.html

第三步：安装angular-cli命令行工具（用来快速构建，运行，打包angular项目等）

在控制台输入

npm install -g @angular/cli

输入ng -v 显示版本号则安装成功

第四步：构建一个Angular应用或拉取已经存在的git项目 

在控制台cd到你想要放置项目的文件夹路径，然后输入命令

ng new ProjectName （ProjectName为项目文件夹名称）

如拉取已经存在的git项目，需要安装依赖，输入npm install命令

第五步：运行应用

ng new构建项目或拉取已存在项目并npm install完成后，cd到对应的项目文件夹下面

输入ng serve --open

完成后将自动打开浏览器并自动访问http://localhost:4200/

这时候将看到该angular项目的第一个页面

注意：如果遇到如下问题

参考https://www.cnblogs.com/linjiangjin/p/10396773.html

第六步：浏览器跨域（用于本地运行项目调用服务器上接口时）

chrome跨域的一种方式：

在电脑桌面找到chrome快捷方式图标，右键属性，在目标后面加上如下配置

--args --disable-web-security --user-data-dir

IE跨域:

Internet选项=>安全=>Internet/本地Internet/可信站点=>自定义级别=>跨域浏览窗口和框架（启用），通过域访问数据源（启用）

添加可信站点（调用接口域名)

参考https://www.cnblogs.com/sunflowerGIS/p/6877804.html

第七步：开始学习angular！