はじめに
ちょっとお試しで Vue Material Design Component Framework — Vuetify.js に入門したいと思いました。
この時、 Docker を使って開発環境を用意しようと思いましたけれども、最初は Dockerfile を使ってあれこれチューニングすることなく、シンプルに始めたかったのです。
そのために少し調べるような手間が発生しましたので、今後のためにメモしておきます。
タグ: Node.js
コマンド
# npm の serve インストール npm install --global serve # 確認 serve --version # 静的ウェブサーバ起ち上げ（ドキュメントルートに予め移動しておく） serve # ポート番号を指定（たとえば 3333）して、静的ウェブサーバ起ち上げ serve -p 3333
Yeoman を使うほどでもなく、ウェブで探したサンプル HTML、CSS、JavaScript を試したい、といった時に役に立ちますわ♪
serve インストール・確認
nodebrew ではなく、homebrew を使って Node.js をインストールした理由
- 複数バージョンの Node.js を使い分ける予定が無いため。
- つまり、最新の Node.js さえあれば良い。
- Yeoman で Angular.js 開発がしたい。Node.js そのものを使ってシステム開発はしないため、nodebrew は不要。
ちなみに、それぞれどんなものであるか、本家リンクを貼っておきます。
AngularJS 開発を効率的に進めていくために、次のものをインストールしていきます。
前提
- Mac であること。ちなみに実践したのは OS X Yosemite バージョン 10.10.5
- homebrew がインストール済み
- ターミナルで操作
コマンドまとめ
brew install node node --version && npm --version npm install --global npm@latest npm --version npm install --global yo bower grunt-cli yo --version && bower --version && grunt --version npm install --global generator-angular
Yeoman を導入する環境
- MacBook Pro (Retina, 13-inch, Late 2012)
- Boot Camp バージョン 5.1
- Windows 10 Pro
Yeoman を導入する大まかな進め方
の公式チュートリアルを途中まで実践いたします。今回の目的は環境構築ですので、Step 5: Preview your app in the browser まで行います。他には、
の「Ruby インストール」「Bundler, Compass インストール」以外も参考にいたします。