手动angular2环境搭建_angular2 -菜菜鸟- 环境搭建

前一段时间学了 typescript，对于我这个老的c++来说， typescript 要简单很多。

做了几次联系，感觉是懂了。开始学习angular2的代码编写，

学习的时候，我想还是使用最基本的方法，不使用aquickstart，这样能理解的更好。

按照这个步骤搭建环境：

1. 安装node.js

2. 安装 npm 和 cnpm

3. 调用cnpm init 建立package.json

4. 安装 gulp typescript gulp-script  并保存到

dev中

cnmp install --save-dev

gulp typescript gulp-script

5. 建立 gulpfile.js，并编写编译代码

为了更好的了解 angular2 的package ，决定手动添加安装包，可以在taobao cnmp

中查找包的最新版本

6. 增加 @angualr/core 2.4.8 到 pakage.json中。

cnpm install --save @angular/core

@ 没有特别的意义。 就是一个名称

7. cnpm install  安装包

8. 增加 main.ts  加入代码

import  {Directive}  from

'@angular/core'  编译。

同时建立 木木结构

myangular2

gulpfile.js

package.json

src

tsconfig

main.ts

dist

9. 出错了！

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/change_detection/differs/default_keyvalue_differ.d.ts(24,15):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/change_detection/differs/default_keyvalue_differ.d.ts(28,16):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/di/reflective_provider.d.ts(87,123):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/di/reflective_provider.d.ts(87,165):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/facade/async.d.ts(8,25):

error

TS2307: Cannot find module 'rxjs/Subject'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/facade/async.d.ts(9,28):

error

TS2307: Cannot find module 'rxjs/Observable'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/facade/async.d.ts(10,25):

error

TS2307: Cannot find module 'rxjs/Subject'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/facade/lang.d.ts(12,17):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/facade/lang.d.ts(13,17):

error

TS2304: Cannot find name 'Set'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/util/lang.d.ts(8,28):

error

TS2307: Cannot find module 'rxjs/Observable'.

如何解决？

1. 首先解决 rxjs 的问题

cnpm install

rxjs

gulp 后，module 是找到了，但其他的错误仍旧在：

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/change_detection/differs/default_keyvalue_differ.d.ts(24,15):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/change_detection/differs/default_keyvalue_differ.d.ts(28,16):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/di/reflective_provider.d.ts(87,123):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/di/reflective_provider.d.ts(87,165):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/facade/lang.d.ts(12,17):

error

TS2304: Cannot find name 'Map'.

/Users/zhd/myjobs/study/myangular2/node_modules/.2.4.8@@angular/core/src/facade/lang.d.ts(13,17):

error

TS2304: Cannot find name 'Set'.

/Users/zhd/myjobs/study/myangular2/node_modules/.5.2.0@rxjs/Observable.d.ts(69,60):

error

TS2693: 'Promise' only refers to a type, but is being used as a

value here.