Node.js環境構築メモ
➜ ~ sw_vers ProductName: Mac OS X ProductVersion: 10.11.1 BuildVersion: 15B42
nodebrew
curlでインストール。終わったらPATHを通す($HOME/.nodebrew/current/bin
)
➜ ~ curl -L git.io/nodebrew | perl - setup % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed 0 0 0 0 0 0 0 0 --:--:-- --:--:-- --:--:-- 0 0 0 0 0 0 0 0 0 --:--:-- 0:00:02 --:--:-- 0 100 23642 100 23642 0 0 5900 0 0:00:04 0:00:04 --:--:-- 1154k Fetching nodebrew... Installed nodebrew in $HOME/.nodebrew ======================================== Export a path to nodebrew: export PATH=$HOME/.nodebrew/current/bin:$PATH ========================================
node, npm
➜ ~ nodebrew install-binary latest Fetching: http://nodejs.org/dist/v5.2.0/node-v5.2.0-darwin-x64.tar.gz ######################################################################## 100.0% Installed successfully ➜ ~ nodebrew use latest use v5.2.0 ➜ ~ npm version { npm: '3.3.12', ares: '1.10.1-DEV', http_parser: '2.6.0', icu: '56.1', modules: '47', node: '5.2.0', openssl: '1.0.2e', uv: '1.7.5', v8: '4.6.85.31', zlib: '1.2.8' }
npmの使い方
https://www.npmjs.com/から人気のあるパッケージを探すことができる。
#-g: global npm install -g packagename #パッケージインストール npm list -g #インストール済みパッケージ一覧
パッケージ
- jshint
➜ ~ npm install -g install jshint ➜ ~ which jshint
CoffeeScript
➜ ~ npm install -g coffee-script ➜ ~ coffee -v CoffeeScript version 1.10.0
atomパッケージ
試しに使っているパッケージ達
pacakge name | description |
---|---|
color-picker | cmd+shift+c でカラーピッカーが表示されてクリックで入力。CSSとかに限らず便利に使える。 |
pigments | rgb(181, 137, 0) とか書いてあるところに色がついてわかりやすくなる。 |
jshint | リアルタイムにjavascriptの警告 jshintが表示される。npm install -g install jshint とかでjshint入れとく必要あり? |
regex-railroad-diagram | 下に遷移図を表示して、正規表現をグラフィカルに確認できる。 |
preview | CoffeeScriptやTypeScriptなどの翻訳(JavaScript)を右側に並べて表示する。この他に色々な言語も対応している。 |
linter-coffeescript | CoffeeScriptのlinter |