#author("2023-03-21T23:23:30+00:00","default:admin","admin") #author("2023-03-21T23:24:14+00:00","default:admin","admin") -[[npm よく使うコマンドまとめ:https://qiita.com/standard-software/items/2ac49a409688733c90e7]] -[[フロントエンド開発の3ステップ(npmことはじめ):http://qiita.com/hashrock/items/15f4a4961183cfbb2658]] -[[グローバルにインストールしたnode moduleがnot foundになる時の対処:http://qiita.com/joe-re/items/12987cdeee506dea3889]] -[[npm install のオプションについて解説(--save/--save-dev):https://uiuifree.com/blog/develop/npm-install-save/]] *基本コマンド [#nc88af9e] $ npm init -このディレクトリ下は npm が管理下に置く!」宣言 -いろいろ英語で聞かれるが、とりあえず全部エンターキーを押しても問題ない -終了すると、ディレクトリ直下にpackage.jsonが作成される $ npm install [パッケージ名] -node_modulesというフォルダ下に、ライブラリが保存される $ npm install [パッケージ名] --save -package.json内に取ってきたライブラリが追記される $ npm install -g [パッケージ名] -グローバルインストール(npmのインストール場所にパッケージをインストール) -主にターミナルで利用できる便利ツールをインストールするために使用 -[[npmで入る便利ツールまとめ:https://gist.github.com/hashrock/7fdf1b937e1eb5de796d]] $ npm run [タスク名] -package.json内に書かれたシェルスクリプトを実行 -npm run だけを実行すると、現在どんなタスクがpackage.json内にあるかを一覧表示 -例:タスク build を package.json に記述 { "scripts": { "build": "browserify src/main.js > build/bundle.js" } } $ npm root -g -グローバルのnode_modulesディレクトリのパスを表示 $ npm bin -g -npmがグローバルで使用しているディレクトリを表示 $ npm start *package.json [#f6aed9d4] -[[【初心者向け】NPMとpackage.jsonを概念的に理解する:https://qiita.com/righteous/items/e5448cb2e7e11ab7d477]] ***bin [#h4b69dec] ***main [#n18e3836] ***dependencies & devDependencies [#w5f98cd4] -dependencies または devDependencies でバージョンを指定 --キャレット ^ をつけると「Major は一致し Minor と Patch は指定されたもの以上」という意味になる --チルダ ~ をつけると「Major と Minor は一致し Patch は指定されたもの以上」という意味になる -package-lock.json ファイルが存在せず、dependency がローカルにインストールされていない状態で npm install を実行すると、上記のルールにしたがい、package.json に指定されたバージョンにマッチする中で最も新しいバージョンがインストールされる ***scripts [#q21c5086] *package-lock.json [#t792eb5e] -package-lock.jsonが存在しないとき --package.jsonに基づいて dependency がインストールされ、実際にインストールされたバージョンがpackage-lock.jsonに書かれる。 -package-lock.jsonが存在するとき --package-lock.jsonに基づいてインストールされるが、package.jsonに指定されたバージョンとの矛盾があれば、package.jsonが優先され、実際にインストールされたバージョンがpackage-lock.jsonに書かれる。 *アップデート [#f4f3dd20] **Windows [#yddf9bf2] -[[WindowsのNodejsをアップデートする:https://www.suzu6.net/posts/295-node-update-windows/]] -[[Scoop:https://scoop.sh/]]のインストール -Scoopでnode.jsの最新版をインストール $ scoop install nodejs -npmをバージョン指定でインストール $ npm install -g npm@9.6.2