44
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Angular2 入門①(環境構築編)

Posted at

概要

AngularJS(Angular1)は触っていましたが、Reactを触り出して以来、React中心で開発していました。

React大好きなのですが、Angular2が出たので敵情視察という事で入門しようと思います。
(アシアルさんの OnsenUI for Anuglar2 が出たのがきっかけです。)

環境の構築は、ごちゃごちゃとややこしそうなので、とりあえず本家の雛型をインストールして動かしてみようと思います。

前提条件

  • Node.js・Gitはインストール済み。
  • JavaScriptをある程度はかじっている。
  • できれば、Angular1/Reactをかじっていればよい。

環境構築

  • 雛型をインストールした場所へ移動して、ルートディレクトリを作成。
cd Desktop
  • 雛型ディレクトリのクローン。
git clone https://github.com/angular/quickstart.git
  • 作成した雛型ディレクトリへ移動。
cd quickstart
  • package.jsonの中身をインストール。
npm install
  • ローカルサーバ起動。
npm start

結果

ちゃんと動きました。

Angular_2_QuickStart.png

ローカルサーバの起動・TypeScriptのコンパイルなど、最初から設定されているので、まずはAngular2を試してみたいという人にはちょうどいいんじゃないかと思います。(また1からの環境開発もまとめたいですが。)

終わり

次回以降、Angular2のSynthaxを調査していこうと思います。
React・Angular1と比較しながら良し悪しも意見できればと思います。

続きは次回。

44
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
44
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?