VSCodeでシェルスクリプト(bash)の開発環境を整える

シェル芸勉強会の過去問演習を再開したいなぁと思ったので、まずは環境を整えてみる。

環境

• VSCode(1.28.2)
• macOS(10.14)

インストールした拡張

• Bash Beautify

  • シンタックスハイライト
  • この拡張をインストールするだけで動作する

• Bash Debug

  • VSCodeデバッグの拡張
  • 構成の追加ボタンから.vscode/launch.jsonに追記(下記はデバッグ時に対象のファイルを選択する例)

  "configurations": [
    {
      "type": "bashdb",
      "request": "launch",
      "name": "Bash-Debug (select script from list of sh files)",
      "cwd": "${workspaceFolder}",
      "program": "${command:SelectScriptName}",
      "args": []
    },

• Bash IDE
  • language server
  • コマンドの補完、定義の確認(man)、VSCodeのアウトライン表示など
  • 下記のインストールが必要

$ npm i -g bash-language-server

結果

• コマンドをホバーするとmanがポップアップ

• 括弧の閉じ忘れ等の構文エラーが指摘される

シェルスクリプトやっていきましょう