Angular2 - como começar e com que IDE

1) IDE

Estava a perguntar-me qual é a IDE mais adequada para o Angular2.

Eu sou um grandetexto Sublime apoiante e até mesmo tho há um plugin de Escrita... Não me pareceu perfeito com o poder dactilografado.

Por isso, tentei com o meu segundo editor favorito : Atom (+ plugin de Escrita). Melhor ,mas sem suporte para a importação automática (talvez tenha algum agora?) e também, eu tive que esperar 30 anos antes de obter qualquer auto-completação.

Depois tentei. A Webstorm, como empresa em que trabalho, tem algumas licenças. Foi óptimo e fiquei muito feliz durante um mês. Mas usando um editor que não é livre sentido ... estranho. Eu não o usaria em casa para projetos pessoais, eu não poderia recomendá-lo para outras pessoas facilmente. E, honnestly, não sou fã da interface Webstorm. Por isso, dei-lhe outro. código Visual Studio que eu não achei tão bom quando tentei pela primeira vez há alguns meses. Tem evoluído seriamente e :
- é simples. - está completo.    - Código
   - Depurador (remoto --> super poderoso)
   - Integração Git
   - Plugin store
- tem um grande apoio Angular2
- intellisense é realmente incrível. Estou a usá-lo há um mês e, até agora, estou muito feliz e não sinto necessidade de mudar. Só para te ajudar a começar com bons plugins, aqui está o meu. :

---

2) Angular 2: Descubra a noções básicas

Como conhece os AngularJs, não sei o que sente sobre a documentação oficial, mas não consegui aprender com ela. Eu tinha que seguir muitos (diferentes) tutoriais e então eu costumava doc uma vez que eu entendia AngularJs. Com Angular2, eles entenderam o desafio de ter uma grande documentação e prestam atenção a ela desde a versão alfa (até mesmo tho estava evoluindo continuamente =) !). Por isso, recomendo - te que continues. https://angular.io e basta ler o doc.

É bem feito e não é apenas para o utilizador avançado. Você vai encontrar bons tutoriais lá !

---

3) Como usar o script com o código Visual Studio ?

Eu recomendo-te vivamente que uses angular-cli para desenvolver um aplicativo Angular2. Não só pela simplicidade, mas porque numa comunidade precisamos de ter um starter básico que nos dê a capacidade de ter acordos de recompra estruturados semelhantes. Para que possamos compreender facilmente a estrutura de projecto.

Além disso, o angular-cli lida com a compilação de texto para ti e não tens de lidar com isso na linha de comandos ou a partir da tua IDE.

npm i -g typescript

(já não é necessário escrever desde o TypeScript 2.0!)

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

Então corre.

ng serve

E acesso à sua aplicação em: http://localhost:4200

O Angular-cli compila o seu texto e até os seus ficheiros (sccs|sass / less).

Quando quiser implantar o seu aplicativo:

ng serve --prod

Will also minimize JS e CSS.

---

4) o que se segue ?

Uma vez que se sinta mais confortável com o Angular2 em geral, recomendo-lhe vivamente que aprenda (mais) sobre
- Redux
- RxJs

E uma vez que você esteja familiarizado com esses conceitos, você deve começar a jogar com ngrx.

Boa sorte nesta longa (e fantástica) viagem !

Editar: 14 de Maio, 2017
I have released an ngrx starter=)! Para aqueles familiarizado com Redux e disposto a descobrir angular e/ou ngrx pode ajudá-lo a começar! Eu tenho certeza que também pode ser uma boa idéia para usar este template como um starter para qualquer tipo de projeto ngrx (pequeno, médio ou mesmo grande!). Eu tentei descrever no Readme como usá-lo e há muitos comentários no próprio código: https://github.com/maxime1992/angular-ngrx-starter