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步执行无错误后可开始配置调试环境:
- 生成新的Angular2的项目
运行命令行程序,跳转到自己喜欢的目录,并执行以下命令:
ng new -- ng4 HelloWord
这个命令会执行很长时间要有耐心。。。。 - 项目文件生成完成之后在项目目录下执行 ng-serve
- 在vs code中添加debug launch 文件,选择chrome
- 修改launch 文件中
"url": "http://localhost:4200",
- 即可使用debug功能。。。
参考项目:https://github.com/raycdut/MeetingMaster
如果您认为这篇文章节省你不少时间,您可以通过右边的“赞助”功能 赏我一杯咖啡,也可以点击右下角的【好文要顶】按钮点个赞,因为这两种支持都是我继续分享的最大动力!
声明:原创博客请在转载时保留原文链接或者在文章开头加上本人博客地址,如发现错误,欢迎批评指正,如有特殊需求请与本人联系!