angular学习第一篇环境搭建

写在前面

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

好吧，现在开始学习吧！

一、环境的搭建

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


二、创建项目

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

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