0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

npmとnpx

Posted at

npm

言わずと知れたNode JSのパッケージマネージャ。
npm installしてパッケージをインストールし利用する。

npx

Node Package Executerの略
npm installしていない状態でもパッケージをインストールし実行して最後に消してくれる。
平たく言うと、インストールしていないパッケージを実行できます。
例えば、angular/cliやcreate-react-appなどのCLIをnpm install -gする必要ない = グローバルを汚染せずに実行できます。

npmでやると

npm install -g @angular/cli # グローバルインストールしないといけない
ng new project-name
npm install -g create-react-app # グローバルインストールしないといけない
create-react-app project-name

私は普段nでNodeのバージョンを切り替えてますが、グローバルインストールしたパッケージのバージョンまで切り替えできないので困ってました(複数プロジェクトに関わっていて、それぞれで利用しているangular/cliのバージョンが違った)
この問題がnpxを使うと解決できます。

npxでやると

# 一時的にインストールされ、ng new実行後に消される
npx -p @angular/cli ng new project-name
cd project-name
ng # command not found. 削除されてるので
npm run ng # OK. package.jsonにローカルのngコマンドが登録されてる
# 同じく一時的にインストールされ、Reactアプリケーション作成後に削除される
npx create-react-app project-name

今までリファレンス等見て何も考えずにnpxを実行してましたが、こういう意味だったんですね。
超便利。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?