Skip to content

Instantly share code, notes, and snippets.

@hashrock hashrock/npmbenri.md
Last active Jan 20, 2019

Embed
What would you like to do?
npmで入る便利ツールまとめ

npm -gでインストールしたり、npm scripts内から使えそうなツールのまとめ

nodeプロセスマネージャ

開発時にリスタートしてくれる用途のものも含む

  • pm2
  • forever
  • node-dev
  • nodemon
  • node-supervisor

jsコンパイル

  • browerify
  • watchify
  • uglify-js

cssコンパイル

  • stylus
  • less
  • node-sass
  • csso

js検証

  • jshint
  • eslint

js整形

  • esformatter
  • jscs

HTTP Server

  • http-server(一番使われてる?)
  • live-server(livereload付きのhttp-server。おすすめ)
  • node-static
  • static-server
  • simple-http-server

unixコマンドっぽい系

windowsの事も考えて、npm runからはこういうの使ったほうがいいかと

  • rimraf
  • trash
  • cpy
  • mkdirp
  • catw
  • opn
  • opener
  • parallelshell(現在非推奨)
  • npm-run-all(parallelshellよりもこちらを推奨)

watch系

  • onchange
  • wtch
  • watch
  • light-watch
  • wr

テスト系

  • browser-run

プロトタイピング用

  • wzrd
  • wtch & garnish
  • beefy

その他

  • david 古いnpmパッケージがあれば指摘してくれる
  • hashmark

諸注意

preinstallスクリプトにnpm install -gで、プロジェクトの依存スクリプトをインストールさせるような解説が見つかることがあるが、 ユーザ環境を書き換えるのは行儀がいいとはいえない。

代わりに、PATHに./node_modules/.bin/を追記することで、 devDependenciesでインストールしたバイナリを実行できる。

また、npm runを実行すると、上記PATHが通っている状態でコマンドが実行されるため、 npm runを使う限りにおいて、そもそもnpm install -gは必要ない。

参考

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.