angular学习第一篇-----环境搭建

写在前面

最近从慕课网买了一个视频教程学习angular,最新的angular4.0没有与老版本的有太多依赖关系，所以对于我这个没有太多angular基础的人来讲，门槛也就没那么大了。由于是第一次学习angular,发如今一边学一边忘，虽然大体的东西记得，但一动手，就发现这个命令也记不得，那个操做步骤也记不清，所以仍是决定一边学习，一边记录。这是我第一次写文章，也不知道能不能坚持下去，暂且试试看吧！还有就是这里的内容大部分是来自慕课网的，我也不知道这样是否会侵权，如若侵权还望提醒！

好吧，如今开始学习吧！

1、环境的搭建

注：我这里的环境是在windows下的。
一、安装node.js
node.js只是须要它的npm命令，并不须要知道node.js的具体知识，这个只须要到官方网下载便可，https://nodejs.org/en/。 安装完成后，打开cmd 输入npm -v 查看是否安装成功。
二、安装angular-cli
在安装好了node.js后，输入命令 npm install -g @angular/cli (若是是mac或是linux须要在npm前加一个sudo) ，而后输入 ng -v 查看是否安装成功。
三、安装webstorm
这个直接到官网下载，而后一步步安装便可。（你也能够用其它的编辑工具） 到这全部的工具就安装完成了。

2、建立项目

一、在命令行输入 ng new auction (aucion是项目的名称）这里默认建立的项目路径在Administrator下 若是要想指定路径，先切换到对应目录下，而后执行执行命令。完成后，你就能够在对应目录下找到你建立的项目。这里面的目录结构不要轻易的去改变位置或是重命名，不然颇有可能致使不少命令不能执行。
二、目录结构
这里简单讲解一个这里的目录结构
e2e这是一个作测试用的，咱们在开发的时候通常不用去管
node_modules 这里放的是一些模块，包括一些第三方的插件库都是放在这里。
src 个人项目的文件就是放在这里的
.angular-cli.json是这个angular工具的配置文件，这里在引入第三方插件的时候须要在这里配置
pagepack.json这就是一个npm配置文件，这里记录一些第三方包，和一些必要的文件
之后还有什么要介绍的再说吧。

好了，安装和文件的简单介绍就到这里了。若是有什么不对的地方还望指正！