一般社団法人 全国個人事業主支援協会

COLUMN コラム

はじめに

完全に自分用のメモです。

npm

npmコマンド

  • package.jsonの作成
    • npm init
    • 全てデフォルト
      • npm init -y
  • package.jsonからインストール
    • npm install
  • パッケージのインストール(dependencies)
    • npm install [パッケージ名]
  • パッケージのインストール(devDependencies)
    • npm install [パッケージ名] –save-dev
    • npm install [パッケージ名] -D でも可
  • パッケージのアンインストール(dependencies)
    • npm uninstall [パッケージ名]
  • パッケージのアンインストール(devDependencies)
    • npm uninstall [パッケージ名] –save-dev
    • npm uninstall [パッケージ名] -D でも可

npx

  • パッケージを実行してくれる
  • .\node_modules\.bin配下にパッケージが存在すればそれを利用して実行してくれる
  • 存在しない場合は、インストール+実行+アンインストール、まで実行してくれる
    (一度しか使わないコマンドはnpm installせずにnpxで実行すると便利)
  • 例えば、nuxtのスケルトンプロジェクトを作成するときは、こんな感じ。
    • npx create-nuxt-app [プロジェクト名]

npm scripts

  • 基本は、npm run [スクリプト名]
  • スクリプト一覧
    • npm run
  • 特定のスクリプト名はrunが不要
    • npm start
    • npm test
  • 新しいスクリプトを追加するときは、package.jsonのscriptsに追加する

yarn

yarnコマンド

  • package.jsonの作成
    • yarn init
  •  package.jsonからインストール
    • yarn
    • yarn installでも可
  • パッケージのインストール(dependencies)
    • yarn add [パッケージ名]
  • パッケージのインストール(devDependencies)
    • yarn add [パッケージ名] –dev
    • yarn add [パッケージ名] -D でも可
  •  パッケージのアンインストール(dependencies)
    • yarn remove [パッケージ名]
  •  パッケージのアンインストール(devDependencies)
    • yarn remove [パッケージ名]

scripts

  • 基本は、yarn [スクリプト名]
  •  スクリプト一覧
    • yarn run
  • 新しいスクリプトを追加するときは、package.jsonのscriptsに追加する

package.json

  • ES Modulesを利用可能にする
    • トップレベルに “type”: “module”
The following two tabs change content below.

植木 宥登

最新記事 by 植木 宥登 (全て見る)

この記事をシェアする

  • Twitterでシェア
  • Facebookでシェア
  • LINEでシェア