Angularjs启动安装过程_angularjs安装

1.AngularJS简介

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

详情见官网：https://www.angularjs.net.cn/tutorial/

2.安装

2.1安装node.js
下载地址：https://nodejs.org/en/download/

2.2.安装npm和cnpm
npm在安装node.js会顺带安装好，由于Angular CLi的一些资源被墙掉了，所以这里我们使用淘宝的镜像去下载安装，否则会很慢并且很容易出问题。

安装淘宝镜像，输入 npm install -g cnpm –registry=https://registry.npm.taobao.org

2.3 安装Python
Python官网下载：https://www.python.org/downloads/windows/

“Windows x86-64 executable installer”，也即 64 位的完整的离线安装包。

下面安装报错原因：
node.js与系统的python版本冲突 我的是3.8

只能安装一个2.7版本的，再执行 npm config set python python2.7
又报错：
（1）具体原因

   MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "14.0", "4.0"生成失败。 
   MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "14.0", "4.0"。
  0 个警告 1 个错误 
  项目依赖中，node-gyp调用MSBuild工具进行组件编译，找不到MSBuild2.0，而系统里只有MSBuild4.0。
1
2
3
4

（2）解决办法

   下载VC++ tool http://go.microsoft.com/fwlink/?LinkId=691126&  
   下载 Visual C++ 2015 Build Tools，安装时，选择自定义安装，勾选系统版本对应的Windows SDKs ，直至安装完毕；下载 Python2.7，安装时，勾选将 Add Python.exe to PATH，即添加至环境变量，直至安装完毕；
在报错的项目内，重新执行 npm install --msvs_version 2015 进行安装项目依赖，即可完美解决问题了；
C:\\Users\\dsl\\Desktop\\>npm install --msvs_version 2015
1
2
3
4

2.4安装完成cnpm之后，我们开始安装Angular-cli。
执行命令
cnpm i -g angular-cli

然后可以执行ng version命令，查看是否安装完成和angular-cli的版本
安装完成之后我们就可以使用ng命令，下面开始创建项目。

3.安装完成之后，我们开始进行测试创建项目。

3.1执行命令：ng new JustForTest3.2创建好后我们启动执行命令：ng serve这样就可以直接启动项目

4.我们在浏览器中输入：http://localhost:4200可以直接访问