angular 学习 -1
angular 4 已经出来很久了，由于工作的原因，没有去深入了解，也更没有使用angular进行开发过项目。最近有点时间，就想学习一下angular 并且希望自己能够使用angular 4来开发一些项目。
安装脚手架
对于现在的前端来说倒也方便，创建项目不用考虑太多的内容，直接使用官方提供的脚手架，就可以直接生成可以直接运行的demo项目。对于angular来说也一样，而且，angular的脚手架功能更加的强大，这就让我们开发angular项目变得更为方便，快捷了。
在创建项目之前，我们需要安装angular/cli。安装命令为
npm install -g @angular/cli
这条命令虽说简单，但是安装起来并不是特别的顺利，因为在安装过程中需要node-gyp环境。简单说node-gyp就是一个编译工具，将源码形式的node modules编译成适应于本地环境的、编译好的node modules，其中的编译过程就需要依赖一些编译工具，如c编译器和python环境。node-gyp需要电脑上面安装有python2.X的环境，并且，还需要有一个有C++的编译环境，在windows下面就需要有一个visual studio中编译环境。而且，由于angular 4 是用typescript编写的，这就需要有一typescript环境
首先安装了visual studio，这个玩意儿有点大，不过也难怪号称全宇宙最强IDE。不过还好，我的电脑能够扛的住。从下载到安装一天过去了。总算是安装好，具体的安装步骤可以百度。
接着就是安装python环境，切记，一定要安装2.7版本的，最好是2.7的，因为gyp依赖于python2.7.*，所以一定要安装python2.7.x，不过网上说也支持python 2.6.x，我没试过，于是乎我就安装了python2.7.14,为了少出问题。
然后配置淘宝的npm镜像，因为国内实在是有点太……
npm config set registry https://registry.npm.taobao.org
然后安装typescript环境，
npm install -g typescript typings
这两项安装完成之后，然后安装angular脚手架
npm install -g @angular/cli
这个过程应该不会出现问题，事不过需要等的事件比较久。安装完成之后，我们使用 ng -v查看一下版本号。如下图所示
创建项目
环境我们安装好了，接下来我们就需要创建我们的项目了。打开命令行，进入你想要创建项目的目录，然后使用
ng new my-project
就直接创建了项目，并且在创建项目完成之后，还会自动执行npm install，这个如果你使用的是npm + 淘宝镜像就没毛病，但是你不打算让使用npm 进行安装，你可能会使用cnpm进行安装项目依赖，这个时候只需要在 上述命令之后加上 --skip-install
ng new my-project --skip-install
这个时候我们在命令行中能够看到如下的内容。
这个时候我们的项目就已经创建好了，然后使用 cd my-project进入我们的项目目录，执行 npm install 安装我们项目中所需的依赖内容，
启动项目
你可以使用 ng server来进行启动我们的项目，你也可以直接使用 ng server -o 来启动项目并且在项目启动完成之后直接打开浏览器。
这个时候我们的hello world项目就算是已经创建完成了。