読者です 読者をやめる 読者になる 読者になる

kanetaiの二次記憶装置

プログラミングに関するやってみた、調べた系のものをQitaに移して、それ以外をはてブでやる運用にしようと思います。http://qiita.com/kanetai

Node.js環境構築メモ

mac IDE Node.js JavaScript CoffeeScript
➜  ~  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

参考