Node.js

Node.js

JavaScript | YEOMAN | Bower |

link

インストール

nvm (Node Version Manager)

• http://liginc.co.jp/web/programming/node-js/85318
• nvmをインストールして設定するまでの方法

• Node.jsのバージョンによって動作しない機能があった場合に、バージョンの上げ下げを渋々行うのはかなりの手間
• nvmをインストールしておくことで、バージョンの切り替えが凄く簡単に出来るようになる

インストール

$ git clone git://github.com/creationix/nvm.git ~/.nvm

nvmコマンドを利用可能にする

$ source ~/.nvm/nvm.sh

• nvm コマンドを実行するためには、その都度上記コマンドを実行する必要があるので、.bash_profile に実行させる記述を追記

if -s ~/.nvm/nvm.sh ;
 then source ~/.nvm/nvm.sh
fi

ダウンロード可能なNode.jsのバージョンリストを参照

$ nvm ls-remote
      :
   v0.10.27
   v0.10.28
   v0.10.2
      :
    v0.11.9
   v0.11.10
   v0.11.11
   v0.11.12
   v0.11.13
      :
   v0.12.1
   iojs-v1.0.0
   iojs-v1.0.1
   iojs-v1.0.2

io.jsは、node.js™をベースに作られたnpm互換プラットフォームです。

• https://iojs.org/ja/

Node.jsをインストール

$ nvm install v0.10.29
      ：
Now using node v0.10.29

確認

$ nvm ls
->  v0.10.29
$ node -v
v0.10.29

インストールバージョンを確認

$ nvm ls
->  v0.10.29

デフォルトバージョンを指定

$ nvm alias default v0.10.29
default -> v0.10.29

Hello Node.js

• http://dev.classmethod.jp/server-side/vscode-nodejs-1/

Visual Studio Code |

• hello_node.js

var http = require('http');
 
http.createServer(function (request, response) {
  response.writeHead(200,{'Content-Type':'text/plain'});
  response.end('Hello World');
}).listen(8080);

console.log('Server running');

• 実行

$ node hello_node.js 
Server running

Tips

対話モードで利用する

> node
> Math.sqrt(2);
1.4142135623730951

エディタモード

• Ctrl+Dで実行

> .editor
// Entering editor mode (^D to finish, ^C to cancel)
for(var i=0;i<2;i++){
  console.log(i);
}

0
1

トラブルシュート

• Windows の Node.js Bower などで SSLエラーが発生する

Macにインストール

• Homebrew インストール

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

• Homebrewバージョン確認

brew -v

• nodebrew インストール

brew install nodebrew

• nodebrew バージョン確認

nodebrew -v

}nodebrew にパスを通す

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

• node.js インストール

nodebrew ls-remote

• バージョン指定

nodebrew install-binary {バージョン}

• 最新

nodebrew install-binary latest

• エラーが出る場合

mkdir -p ~/.nodebrew/src

• 確認と必要なバージョンの有効化

nodebrew ls
nodebrew use v12.1.0

React

• React 開発の全体像を把握しつつ開発環境を整える