コマンド初心者集合～！

はじめに

リクエストにお答えシリーズです。

勝手にシリーズ化したと見せかけて、ShiftBのslackでシリーズ化希望リクエストをいただいたんです。

そんなのやらない理由を探す方が私には大変なことです。

とはいえ何が需要があるかわからないのでslackでテーマ募集したら早速リクエストいただきましたので書いてみます！！

今回は「npm ほにゃらら」がわからない。とのことです。

恐らくはじめましては4章ですよね。ここで突然ターミナルとかコマンドプロンプトというワードが登場して困惑されたんだろうなと思います。

コマンドはgitも結構登場したりしますし、ターミナルは仲良くならないといけない存在なので拒否反応は早めに取り除きたいところです！

前提

すべてVScode上で操作しています！

コマンドの実行場所

こちらもそういえば何度かご質問頂いたことがあります。

結論、プロジェクトのルートディレクトリです。

プロジェクトが「chapter8」という名前だとしたら、ターミナルを開いたときに

このようになっている状態で、このプロジェクトに対して操作することができます。

ライブラリなどのインストールを行う時もこの状態で操作しますが、vscodeの場合は特に移動(cdコマンドで移動できます)は必要ないはずです。

間違えてこの状態(reactというディレクトリはプロジェクトをまとめているただの箱です)で何かしらインストールしたらchapter8にはインストールできなくて使えないです。

入るんですけどね。意図しない場所(reactディレクトリ)にインストールされているので、chapter8でimportしようとしても存在しないというエラーを吐かれることでしょう・・

dirコマンドでreactフォルダ内見てみると、package.jsonやnode_modulesフォルダが作成されています。

中を見てみると

react-modalがインストールされています。

ここにあっても仕方ないのでアンインストールします。

間違えてインストールした時はこの対応でOKです。

ライブラリはアンインストールされるのですが作成されたファイルは残ります。今回は不要なのでファイルも削除しました。

chapter8で使いたいものをインストールするときなど、どのプロジェクトに対しての操作なのかでカレントディレクトリを移動してからコマンドを実行しましょう。

エラー発生時

慣れてくるとよく使うコマンドも決まってきてあまりエラーも出なくなり、間違えても自分ですぐわかるようになってくるのですが、最初は困惑しますよね。

私の対処法は、一旦エラー文コピーして翻訳かけます。

それだけであぁ・・なるほどってなることが多いのですが、何してエラー出たかにもよりますよね・・

で言われた通りに対処しますね。

例えば、タイポの場合ですけど

このようなエラーだったら

debなんてないって言われてるので、そこを間違えたんだな～debじゃなくてdevか！みたいなかんじでしょうか・・

あとはAIに投げてもエラーの解説と対処法は教えてくれると思います。

ネットで調べたコマンドを手当たり次第に実行していくのはちょっと危険な気がします。わからないエラーが出たら師匠やTA等に聞きましょう

コマンド履歴の確認方法

こちら知らない方をお見掛けしていつももったいないって思うので紹介します。

キーボードの上矢印(↑)おすと過去に実行したコマンド遡れます。二回押したら二個前に実行したコマンド、、、と遡れます。

毎回「npm start」とか打つ必要ないです。上矢印→エンターで行けるのでもし使ってない方おられたら絶対使ってください。

打ち間違えたのも残るのでそこだけ注意です。

おわりに

こんな感じで大丈夫かちょっと不安ですが、、スクール生はこれ読んでもわからなかったら遠慮なくDMください。

状況に応じて出来るだけ丁寧に説明したいと思ってます！！