第一步:建议安装编译器: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!