VueのCLI環境構築 - イベントレポート

環境

OS: Hight Sierra(バージョン 10.13) HomeBrew導入済み

まずはnodeをインストール

ターミナルを開く(私はiTerm2を使っています)

nodebrewを入れる。 GitHub - hokaccha/nodebrew: Node.js version manager

curl -L git.io/nodebrew | perl - setup

パスを通す export PATH=$HOME/.nodebrew/current/bin:$PATH

vi ~/.bash_profile

適用させる

source ~/.bash_profile

現在のバージョンを確認する。

nodebrew ls-all

nodeをインストールこの時点での最新9.2.0

nodebrew install-binary v9.2.0

何がインストールされているか確認する

nodebrew ls

どのバージョンを使うか指定

nodebrew use v9.2.0

使えるのか確認する

node -v

インストール成功

CLIを使う

jp.vuejs.org

# vue-cli をインストール
$ npm install --global vue-cli
# "webpack" ボイラープレートを使用した新しいプロジェクトを作成する
$ vue init webpack my-project
# 依存関係をインストールしてgo!
$ cd my-project
$ npm install
$ npm run dev

ユニットテストのライブラリーはJestとか選択しちゃいました。karmaも選択できたのですが、現場はkarmaでフレームワークがjasmineなので違うものを入れてみようかなと思いました。jasmineだから楽なわけではないし私の場合は・・。

f:id:kotonona:20171207215853p:plain