我已经使用 AngularJS 1.x 几个月了。现在我将切换到 Angular2（使用 TypeScript），实际上我不确定要使用哪个 IDE。 我也不清楚如何将 TypeScript 代码编译成 JavaScript - 实际上这是必要的吗？ 我已经读过 Visual Studio Code 将是 Angular2 项目的一个不错的编辑器 - 是否包含 TypeScript 编译器？我很乐意提供这方面的任何信息。
【问题讨论】：
1) 集成开发环境
我想知道哪个 IDE 最适合 Angular2。
我是 Sublime Text 的忠实支持者，即使有一个 Typescript 插件...... Typescript 的功能感觉并不完美。
所以我尝试了我第二喜欢的编辑器：Atom（+ Typescript 插件）。 更好但不支持自动导入（也许现在有一些？）而且，我必须等待 30 秒才能获得任何自动完成功能。
然后我尝试了 Webstorm，因为我目前工作的公司有一些许可证。这很棒，我真的很高兴一个月。但是使用不是免费的编辑器感觉......很奇怪。我不会在家里将它用于个人项目，我不能轻易地将它推荐给其他人。老实说，我不是 Webstorm 界面的超级粉丝。
所以我给了（另一个）尝试Visual Studio Code，几个月前我第一次尝试时觉得不太好。它已经得到了认真的发展，并且：
- 很简单
- 完成了
- 代码
- 调试器（远程 --> 超级强大）
- Git 集成
- 插件商店
- 它有很棒的 Angular2 支持
- 智能感知真的很棒
我已经用了一个月了，到目前为止，我真的很开心，不需要改变。
2) Angular 2：了解基础知识
由于您熟悉 AngularJs，我不知道您对官方文档有何感受，但我无法从中学习。我必须遵循许多（不同的）教程，然后在我了解 AngularJs 后我习惯于做文档。
对于 Angular2，他们了解拥有出色文档的挑战，并且从 alpha 版本开始就开始关注它（即使它在不断发展 =）！）。
所以我建议你继续 https://angular.io 并简单地阅读文档。
它做得很好，不仅适用于高级用户。你会在那里找到很好的教程！
3) 如何在 Visual Studio Code 中使用 Typescript？
我强烈建议您使用 angular-cli 来开发 Angular2 应用程序。不仅是为了简单，而且因为在社区中我们需要一个基本的启动器，这使我们能够拥有类似的结构化 repo。所以我们可以很容易地理解另一个项目的结构。
另外，angular-cli 为您处理 Typescript 编译，您不必在命令行或 IDE 中处理它。
npm i -g typescript
（从 Typescript 2.0 开始就不再需要打字了！）
npm i -g angular-cli
ng new my-super-project --style=scss
cd my-super-project
然后运行
ng serve
并通过以下方式访问您的应用：http://localhost:4200
Angular-cli 编译你的 Typescript 甚至你的 (sccs|sass|less) 文件。
当你想部署你的应用时：
ng serve --prod
还将最小化 JS 和 CSS。
4) 下一步是什么？
一旦您总体上对 Angular2 感到更舒服，我强烈建议您了解（更多）关于
- Redux
- RxJs
一旦您熟悉了这些概念，就应该开始使用ngrx。
祝你在这个漫长（而且很棒）的旅程中好运！
我已经发布了一个 ngrx 启动器！对于那些熟悉 Redux 并愿意发现 angular 和/或 ngrx 的人，它可能会帮助您入门！我敢肯定，将此模板用作任何类型的 ngrx 项目（小型、中型甚至大型！）的启动器也是一个好主意。我试图在自述文件中描述如何使用它，并且代码本身中有很多 cmets：https://github.com/maxime1992/angular-ngrx-starter
【讨论】：
我遇到了同样的问题，因为自从 Angular 2 发布以来，我正在寻找支持 Angular 2 的不错的免费软件 IDE。我将描述我的经验。
它是非常好的 Java IDE，非常适合 Web 开发。有许多功能可以促进您的工作。我安装了在 github 上维护的插件 Everlaw Typescript：
插件：https://github.com/Everlaw/nbts/releases
优势
缺点
恕我直言，带有 Angular2Eclipse 插件的 Eclipse 现在是 Angular 2 的最佳 IDE 之一。它是一种成熟的解决方案，具有许多可以促进您的工作的功能。
插件：https://marketplace.eclipse.org/content/angular2-eclipse
优势
缺点
恕我直言，没有缺点。
如果你正在寻找如何配置 IDE 的好教程，试试这个
https://jaxenter.com/angular-2-intellij-netbeans-eclipse-128461.html
自从 Angular 发布语言服务后，我已将 IDE 更改为 VS Code。我在 eclipse 上工作过，但现在我认为 VS Code 更好，因为它比带有 angular 插件的 eclipse 更快、更轻。
Angular 语言服务是一种在 Angular 模板中获取完成、错误、提示和导航的方法，无论它们是在 HTML 文件中的外部还是嵌入在字符串中的注释/装饰器中。
您可以在这里阅读更多内容https://angular.io/guide/language-service
如果您想安装该插件，请启动 VS Code 快速打开 (Ctrl+P)，粘贴以下命令，然后按 Enter。
ext install Angular.ng-template
插件页面https://marketplace.visualstudio.com/items?itemName=Angular.ng-template
【讨论】：