Category Archives: Angular2

angular2 bootstrap

ライブラリインストール

npm install --save intl@1.2.5 bootstrap@3.3.7 ng2-bootstrap@1.1.14

ライブラリ読み込み

angular-cli.json

"styles": [
  "../node_modules/bootstrap/dist/css/bootstrap.css",
  "styles.css"
],

html

app.component.html

<button type="button" class="btn btn-primary">Sample Button</button>

angular2 環境構築

手順

nodebrew, npm インストール

brew install nodebrew

// フォルダ作成
mkdir ~/.nodebrew
mkdir ~/.nodebrew/src

nodebrew install-binary latest
nodebrew list
nodebrew use {バージョン指定}

echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile

// ターミナル再起動。確認。
node -v
npm -v

angular2インストール

sudo npm install -g angular-cli

アプリ作成

ng new MyApp
cd MyApp
ng serve // http://localhost:4200/

参考

http://qiita.com/akakuro43/items/600e7e4695588ab2958d