Angular2-之开发环境搭建/调试环境配置

参考：https://github.com/raycdut/MeetingMaster 

 

很多网友发表了学习Angualr2的方法，今天我也分享我的学习过程，这篇文章暂且谈谈用到的工具。

1. Visual Studio Code

2. NodeJs

如果你不在天朝请直接去第三步。否则你还是修改下npmrc文件

 

 加上下面这一行 

 

3. TypeScript

npm -install -g typescript

4.Angular-Cli

npm -install -g Angular-cli

 

以上4步执行无错误后可开始配置调试环境：

1. 生成新的Angular2的项目
   运行命令行程序，跳转到自己喜欢的目录，并执行以下命令：
   ng new -- ng4 HelloWord
   这个命令会执行很长时间要有耐心。。。。
2. 项目文件生成完成之后在项目目录下执行 ng-serve
   
   
3. 在vs code中添加debug launch 文件，选择chrome
4. 修改launch 文件中
   "url": "http://localhost:4200",
5. 即可使用debug功能。。。

参考项目：https://github.com/raycdut/MeetingMaster