angular.ioをローカルでビルドする方法

angular.ioをローカルでビルドする方法

どうも、Angular大好きイソップ(@Yuhiisk)です。

Angularのv5がリリースされて1週間。
ひとつ前バージョンのドキュメントを読みたくなったので、
angular.ioをローカルでビルドすることにしました。

で正直に言うと、ぼくビルドが上手くできなかったんですよ〜。
なので、ちょっと気をつけたいところ書いておきます。

(そのうちangular.ioのソース変わるかもしれんけどな)

ここだけ気をつけとけ

angular.ioはですね、angularリポジトリで公開されています。

angular/angular/aio

@laco氏もYoutube動画で言ってたけど、angular.ioはベストプラクティスの塊なので、ここのソースを実装の参考にするヨロシ。

んじゃセットアップ方法をば。

[shell]
$ git clone https://github.com/angular/angular.git
$ cd angular/aio
[/shell]

nodeのバージョン指定がpackage.jsonにあるので、
自分のバージョンが外れていたら、書き換えておく。
これ変更しておかないと、後のセットアップこけちゃうので。

ぼくはv8.8.1を使っていたので、

[json]
“node”: “>=6.9.5 <9.0.0”
[/json]

とした。

あとはyarnでセットアップである。

[shell]
$ yarn (yarnインストールしていないなら、事前に `npm i -g yarn` 実行しておく)
$ yarn setup
$ yarn start -o
[/shell]

はいきた。やったよかあちゃん。

yarn docsでエラーが出たら

[shell]
$ yarn setup
[/shell]

を打ってください。

バージョン違いを見たかったら

angularのブランチを切り替えましょう。

[shell]
$ git branch -a
$ git checkout -b 4.4.x 4.4.x
[/shell]

ブランチ切り替えたら、`aio` に移動してyarnでインストールし直して。

[shell]
$ yarn (yarnインストールしていないなら `npm i -g yarn` 実行)
$ yarn setup
$ yarn start -o
[/shell]

五十川 洋平(Yohei Isokawa)

五十川 洋平(Yohei Isokawa)

フロントエンドエンジニア/面白法人カヤックなどのWeb制作会社に勤務したのち、故郷の新潟に戻り独立。JSフレームワークAngularやFirebase、Google Cloud Platformを使ったWebアプリ開発が得意。 また、Udemyのプログラミング解説の講師、writer.appの自主開発や上越TechMeetupの主催などを行っています。

プロフィール

©Copyright 2022 Yohei Isokawa All Rights Reserved.