angular2-英雄指南教程（详讲小白上手会遇到的坑）

首先给大家说一下ng2的官网：https://www.angular.io（这是需要的，不然看不了）。中文官网：https://www.angular.cn（里面有英雄指南教程），大家可以跟着教程一步一步来，当然，在做英雄指南教程之前，还是先搭环境，node是基本的，然后在中文官网https://www.angular.cn/docs/ts/latest/guide/setup.html，运行快速起步。这里需要注意的是，官网是git clone执行的，如果你没安装git的话，是不能直接克隆的，你需要安装git：

，然后才能用这个指令，当然，是可以不安装的，直接点击下载，自己找个目录存了就可以。。这样就自己搭好环境了。

我只需要在此项目的根目录运行npm install，然后在运行npm start就OK了。当你看到下面界面就代表启动成功了。你输入localhost:4200就哦了。

下一步，我们看官网的英雄教程，首先给大家看一下我的结构目录：

大家需要注意的是，如果你不是直接在快速起步下创建项目文件的话，你可以选择指令创建因为AngularJs2的配置较为繁杂,安装angular-cli可以帮助我们快速的构建AngularJs2项目:npm install -g angular-cli，运行此指令，会很快的构建一个ng2的项目，之后你在src—app里面开发就可以。（这里需要注意的是，第一：此环境中缺少这份文件，你可以去刚才的快速起步里，把这个js文件复制过来。第二：在教程的第六章：路由里面，当你进行到如下图的时候：

你需要注意的是moduleId:module.id,这里的module.id是一个string类型，你需要给他加引号，不让会报如下的错：




第三：在教程的第七章：http里面，需要一个这个文件库。你可以在你新项目的package.json里devDependencies找到，然后在手动添加： "angular-in-memory-web-api": "^0.2.1",  最后在项目根目录下运行npm i  这样就会给你安装上这个文件库，在项目导入这个库的时候就不会报错了，一般报如下错误，大部分是因为这些引起的：

）。其他的，就按照官网教程来就可以。（ps：最后大家在运行npm的时候，会发现有时候会慢。我个人建议，大家可以装个淘宝镜像，来加快他的运行速度。官网：http://npm.taobao.org/。指令：npm install -g cnpm --registry=https://registry.npm.taobao.org。下面是一些常用快速创建指令：（我项目里所有的Component都是指令创建的。）

）。希望我跳入的坑，大家不需要再跳= =。