イイダリョウのブログ。Gulpのインストールが5分で出来なかった話(苦戦中)2019-11-20Gulpのインストールが5分で出来なかった話(苦戦中)開発環境メタ言語のコンパイル環境を作る!続きです。前回はコンパイル方法を検討しました。scriptsが候補となりましたが、まずはGulpから体験してみようぞホトトギス。それではいきましょう!*1【目次】Node.jsインストール確認Gulpをインストールするフォルダを作成pacage.jsonを作るGulpをインストールnpmをアップデートができない?npmのキャッシュをクリアしてみるpackage-lock.jsonについて調べるインストールしたGulpをいったん削除グルーバルインストールとは何か調べるグローバルでnpmを上げてみる→エラーキャッシュをsudoでクリアしてみるアクセス権限がない?アクセス権限を変更(できてない?)Node.jsのバージョンを上げるnpmのデフォルトディレクトリの権限を変更したら更新できた!Gulpインストールリベンジ(フォルダ空っぽ。クモのようにコツコツと※参考:メタ言語(HTMLテンプレートエンジン、AltCSS、AltJS)まとめqiita.comNode.jsインストール確認まず、Node.jsのインストールを確認。ターミナルを開いて下記のコマンドを打つ。-vインストールされていればバージョンナンバーが表示される。表示されない方はNode.jsをインストール。Manager)が必要だが、Node.jsがインストールされていればnpmも同梱されている。次に、Gulpをインストールしたいフォルダを作成。今回は「gulp_test1」としてみた。cdコマンドでそのフォルダに移動する。gulp_test1ユーザー名の前がgulp_test1になってれば移動できている。pacage.jsonを作る次にpacage.jsonを作る。package.jsonは前回の記事でも触れたようにnpmの設定ファイル。クモのようにコツコツとGulpをインストールいよいよ!Gulpをインストールしようぞホトトギス!Gulpのインストールには-gを使ったグローバルインストールという方法もあるが、あまり推奨されない模様。gulp-cliとグローバルにGulpを導入する手順を解説しているところもあります。現在ではそれは少数派です。この記事で説明しているように、グローバルにはGulpをインストールせずローカルだけにインストールするのがフロントエンド界隈では一般的です。MEDIA推奨されているのは下記のnpmコマンド。gulpしばらく処理中...インストール終了!したのかな?node_modulesフォルダの中にはまた膨大なフォルダが入っている。直下にはpackage.json...ではなくpackage-lock.jsonというファイルがある。npmというコマンドでnpmのバージョンをあげてくれと。見ると上の処理中の記述にも「Err」とエラー表記が出ている。言われた通り上げてみる。-vうむ、まだ表示されない。Gulpインストールは「5分でできる」という記事をよく見るが、5分では終わらなかったな...。npmのキャッシュをクリアしてみるこの記事の事例と似ているようだ。Qiitaやってみよう。npmしかし、変わらない。-v結果は6.12.0。npmがアップデートできない?package-lock.jsonについて調べる先ほど、フォルダ直下にpackage-lock.jsonが生成され、package.jsonは見当たらなかった。Qiita概念的にはこういうことらしい。package.jsonは予定でpackage-lock.jsonは結果、みたいな?別の記事ではpackage-lock.jsonってあるんだけどpackage.jsonを生成しなかった場合に自動生成されるjsonファイルのようです。Qiitaむむ?「生成しなかった場合」?package.jsonの生成がうまくできなかった場合という意味かな。インストールしたGulpをいったん削除いったん削除して仕切り直ししたい。フォルダごと削除したら良いです。npmでのローカルインストールを完全に削除する方法|teratailローカルのパッケージにインストールしたものはフォルダごと削除で良いようだ。「gulp_test1」フォルダを削除する。グルーバルインストールとは何か調べるそもそもここからわかってない。調べるグローバルインストールしたパッケージはpackage.jsonに記載されない。グローバルインストールすることを前提にREADME.mdなどに注意事項を書く必要が出て来るため構築時に作業量が増える。グローバルインストールのバージョンが管理外になるため同一の環境になる保証がない。installのみでインストール作業を終えることができる。※参考:【npm】グローバルインストールは控えるべきやはりあまり推奨されないようだ。他にもこちらの記事とか。Qiita今回はちゃんとローカルにインストールした。npmのバージョンアップをしてくれと言われた。npmを最新版にしたいが、できない。ローカルではなくグローバルのnpmのバージョンをあげるか?グローバルでnpmを上げてみる→エラーグローバルは推奨されないとあるが、やってみるか。npm処理中...終わったがまた「ERR」がいっぱいでてる。-v結果は6.12.0のまま。キャッシュをsudoでクリアしてみるエラーのコードにキャッシュが原因のことが多いため、キャッシュクリアをするといいとあるが、やってみてるさっきもやったことだが今度はsudoさん付きにて。Interests上記のキャッシュクリア中にもエラーになった。ERR!キャッシュ全体を削除したい場合は、-forceを指定してこのコマンドを再実行してください。--forceやった。クリアできたのかな?アクセス権限がない?npmを再度グローバルでインストールしてみる。