npm の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• npm へ行く。
• npm の差分を削除

#author("2024-02-16T23:23:11+09:00","default:shota","shota")
#author("2024-02-17T22:18:13+09:00","default:shota","shota")
[[FrontPage]]

*概要 [#n76ef1e5]
-Node Package Manager
-Node.jsに付属してくるツール

*目次 [#n89b3deb]
#contents

*init [#ga4ad924]
 % npm init
-npmパッケージを作成する
-オプションを指定しない場合は作成パッケージに関する質問がされてpackage.jsonが作成される

 % npm init react-app(パッケージ名) 作成されるディレクトリ
-ローカル・リモートのnpmパッケージのコマンドを実行する
-[[create-react-app:https://www.npmjs.com/package/create-react-app?activeTab=readme]]を使用してReactのプロジェクトを作成する

**npx [#y27c763b]
-ローカル・リモートのnpmパッケージを実行する
-npmの実行ユーティリティ
 # ローカルのnpmパッケージを実行する
 % npx パッケージ名
 
 # バージョンを指定する
 % npx パッケージ名@バージョン
 
 # リモートのパッケージをインストール
 % npx リモートパッケージ 作成ディレクトリ

*install [#u686e02c]
*利用方法 [#d037df13]
+`npm install パッケージ名`を実行
+package.jsonにパッケージ一覧として追加されてnode_modulesに指定したパッケージの中身が追加される

プロジェクトファイルをGitなどで管理する場合はnode_modulesディレクトリは管理の対象外として，クローン後に`npm install`を実行してpackage.jsonに記載されたパッケージをクローン環境にインストールする．

*npm run [#s6f39e30]
-`npm run スクリプト名`でpackage.jsonのscriptsに定義してある任意のスクリプトを実行することができる
-`run`は`npm run-script`のエイリアスで`npm run-script パッケージ名`でも同じ処理が行われる

**予約スクリプト [#o9f0ceaa]
-start/stop/restartの3つのスクリプトは予約スクリプトとされている
-startであればscriptsのstartに定義して，実行は`npm start`だけで実行できる