べんりワザ・ターミナルをつかいこなす

ターミナルの基本——最初に覚える5つのコマンド

黒い画面が怖いのは「今どこにいるか分からない」から。pwd・ls・cdなど最初の5つだけ覚えれば、Gitやnpmのチュートリアルはそのままなぞれるようになります。WindowsとMacの違い、Tabキー補完のコツつき。

ターミナル(黒い画面)が怖いのは、今どこにいるのか分からないからです。逆に言えば「今いる場所」と「移動」さえ分かれば、あとは怖くありません。Gitやnpmのチュートリアルをそのままなぞれるようになる、最初の5つを紹介します。

開き方はVSCodeがいちばん早い

VSCodeのメニューからターミナル → 新しいターミナル。エディタの下側に開きます。開いているフォルダの中からスタートしてくれるので、移動の手間が減るのが利点です。

単体のアプリで開くこともできます。

  • Mac——アプリケーション → ユーティリティ → ターミナル
  • Windows——スタートメニューで「PowerShell」または「コマンドプロンプト」を検索

どれを使っても、この記事のコマンドはほぼ同じように使えます。

画面の読み方

コマンドを打つ前に、必ず表示されている行があります。これがプロンプト——「どうぞ打ってください」の合図です。

太字の部分が「いまいるフォルダ」。%(Windowsでは>)から右が、自分が打つところです。

いまいるフォルダが表示されている——これが分かるだけで、迷子はほぼ無くなります。

覚えるのはこの5つ

コマンド読みやること
pwdピーダブリューディーいまどこにいるか表示する
lsエルエスいまいる場所の中身を一覧する
cd フォルダ名シーディーそのフォルダに入る
cd ..1つ上のフォルダに戻る
clearクリア画面をきれいにする

pwd——今どこ?

pwd
/Users/shima/Documents/my-site

/で区切られた住所が出ます。左が上の階層、右にいくほど深い階層です。

ls——ここに何がある?

ls
images  index.html  script.js  style.css

移動する前にls。目的のフォルダがそこにあるか確認してからcdすると、失敗が激減します。

cd——移動する

cd my-site      # my-siteフォルダに入る
cd ..           # 1つ上に戻る
cd images       # さらに下へ

..は「1つ上」を指す決まった書き方です。何階層も戻りたいときはcd ../..のように重ねられます。

つまずきを消す2つのコツ

Tabキーで名前を補完する

フォルダ名を途中まで打ってTabキーを押すと、残りが自動で入ります。

cd my ここでTab
cd my-site/ 補完された

打ちまちがいが無くなるうえに、候補が出ない=その名前は存在しないとその場で分かります。ターミナルでいちばん役に立つキーです。

フォルダはドラッグ&ドロップできる

深い階層にあるフォルダへ移動したいときは、cd (うしろにスペース)まで打ってから、フォルダをターミナルの画面にドラッグ&ドロップします。パスがそのまま貼りつけられます。

止め方を知っておく

開発サーバーのように、動き続けるコマンドがあります。止めるのはCtrl + C(MacでもCtrl、⌘ではありません)。

「画面が返ってこない」と感じたら、まずCtrl + Cです。

WindowsとMacで違うところ

やりたいことMac・LinuxWindows(コマンドプロンプト)
中身の一覧lsdir
今の場所pwdcd
画面を消すclearcls
移動cdcd(同じ)

PowerShellやGit Bashを使えば、Windowsでもlspwdがそのまま動きます。チュートリアルの多くはMac・Linuxの書き方なので、WindowsならGit Bashを使うと写し取りやすくなります。

Git・GitHubGitを入れて、最初の設定をするGit BashはGitを入れると一緒に付いてきます。導入はこちらの記事へ

打ちまちがえたら、そのまま打ち直せばいい

ターミナルは、まちがったコマンドを打っても壊れません。エラーメッセージが出るだけです。

  • ↑キー——ひとつ前に打ったコマンドを呼び出す(打ち直しがラク)
  • エラーが出たら読む——No such file or directoryなら「その名前のものが無い」という意味

まとめ

  1. ターミナルはVSCodeの中から開くのがいちばん早い。いまいるフォルダがプロンプトに出ている
  2. 覚えるのはpwd・ls・cd・cd ..・clearの5つ。移動の前にlsで確認するクセを付ける
  3. Tabキー補完ドラッグ&ドロップで打ちまちがいは消える。止めたいときはCtrl + C

この5つが手になじむと、GitもnpmもWordPressの環境構築も、チュートリアルをそのままなぞれるようになります。

よくある質問

ターミナルとコマンドプロンプトは違うものですか?
どちらも「文字でパソコンに命令する画面」で、役割は同じです。Macではターミナル、WindowsではコマンドプロンプトやPowerShellと呼ばれます。VSCodeの中で開けるターミナルでも同じ操作ができます。
cdでフォルダに移動できないのはなぜですか?
フォルダ名の打ちまちがいか、今いる場所にそのフォルダが無いことがほとんどです。lsで中身を確認してから、Tabキーで名前を補完して打つと防げます。
実行中のコマンドを止めるにはどうしますか?
Ctrl + C(MacでもCtrl)です。開発サーバーなど動き続けるコマンドを終わらせるときに使います。