Angular2 - 如何启动和使用哪个IDE

Question

Angular2 - 如何启动和使用哪个IDE

我现在使用AngularJS 1.x几个月了.现在我将切换到Angular2(使用TypeScript),实际上我不确定使用哪个IDE.我还不清楚如何将TypeScript代码编译成JavaScript - 实际上这是必要的吗？我已经读过Visual Studio Code对于Angular2项目来说是一个不错的编辑器 - 是否包含TypeScript编译器？我很乐意收到这方面的任何信息.

Answer 1

max*_*992 133

1)IDE

我想知道哪个IDE最适合Angular2.

我是一个伟大的Sublime Text支持者,甚至还有一个Typescript插件......它对Typescript的力量感觉并不完美.

所以我尝试了我的第二个最喜欢的编辑器:Atom(+ Typescript插件).更好但不支持自动导入(也许现在有一些？)而且,在我获得任何自动完成之前我必须等待30秒.

然后我尝试了Webstorm,因为我目前正在工作的公司有一些许可证.这很棒,一个月我真的很开心.但使用一个非自由的编辑器感觉......很奇怪.我不会在家里用它来做个人项目,我不能轻易地推荐给其他人.诚然,我不是Webstorm界面的超级粉丝.

所以我给了(另一个)尝试Visual Studio Code,几个月前我第一次尝试时,我发现它并没有那么好.它已经认真演变了:
- 它很简单
- 它是完整的
   - 代码
   - 调试器(远程 - >超级强大)
   - Git集成
   - 插件存储
- 它有很棒的Angular2支持
- intellisense真的很棒

我使用它已经一个月了,到目前为止,我真的很开心,并且觉得不需要改变.

只是为了帮助你开始使用好的插件,这是我的:

2)Angular 2:发现基础知识

由于您熟悉AngularJs,我不知道您对官方文档的看法,但我无法从中学习.我必须遵循许多(不同的)教程,然后一旦我理解了AngularJs,我就习惯了.

使用Angular2,他们理解有一个很好的文档的挑战,他们关注它自alpha版本(甚至它不断演变=)!).

所以我建议你继续https://angular.io并阅读文档.

它做得很好,不仅适用于高级用户.你会在那里找到很好的教程!

3)如何使用VisualScript代码使用Typescript？

我强烈建议您使用angular-cli开发Angular2应用程序.不仅为了简单起见,而且因为在社区中我们需要一个基本的启动器,这使我们能够拥有类似的结构化回购.所以我们可以很容易地理解其他项目的结构.

另外,angular-cli为您处理Typescript编译,您无需在命令行或IDE中处理它.

npm i -g typescript

Run Code Online (Sandbox Code Playgroud)

(因为Typescript 2.0,不再需要打字了!)

npm i -g angular-cli
ng new my-super-project --style=scss
cd my-super-project

Run Code Online (Sandbox Code Playgroud)

然后跑吧

ng serve

Run Code Online (Sandbox Code Playgroud)

并访问您的应用程序:http:// localhost:4200

Angular-cli编译你的Typescript甚至你的(sccs | sass | less)文件.

当您要部署应用时:

ng serve --prod

Run Code Online (Sandbox Code Playgroud)

还将最小化JS和CSS.

4)下一步是什么？

一旦你对Angular2感觉更舒服,我强烈建议你学习(更多)关于
- Redux
- RxJs

一旦你熟悉了这些概念,就应该开始玩ngrx了.

祝你在这漫长(令人敬畏)的旅程中好运!

我发布了一个ngrx启动器!对于熟悉Redux并愿意发现角度和/或ngrx的人来说,它可能会帮助您入门!我确信将这个模板用作任何类型的ngrx项目(小型,中型甚至大型)的入门者也是一个好主意.我试着在自述文件中描述如何使用它,并且代码本身有很多注释:https://github.com/maxime1992/angular-ngrx-starter