在vscode中编写shell脚本并安装代码补全和代码格式化插件

0 阅读1分钟

在vscode中编写shell脚本并安装代码补全和代码格式化插件

安装插件

安装这三款插件

  • ShellCheck
  • shfmt
  • Bash IDE

image.png

image.png

图1 - 插件

安装 shfmt(实现格式化的前提)

shfmt是实现shell程序的代码格式化, 要实现它完整功能还需要一些配置. 真正的格式化能力来自 shfmt 命令行工具,因此需要先下载并配置它。 这里以 Windows 为例,从 GitHub 下载对应平台的可执行文件.

  • 根据系统选择对应的二进制(示例): Windows 64 位:shfmt_v3.13.0_windows_amd64.exe
  • 打开 shfmt 的 Release 页面(例如 v3.13.0):
    github.com/mvdan/sh/re…

在 VS Code 中为 shfmt 插件指定可执行文件路径

image.png

图2 - 在设置中给shfmt插件指定exe的路径

为了在 Shell 脚本中默认使用 shfmt 进行格式化,需要把 shfmt 设置为“默认格式化程序. 在编辑器空白处右键打开菜单.

image.png

图3 - 将默认的格式化程序设置shfmt这个插件

测试:代码补全

  • 输入 if,观察补全提示列表(会给出 if...fi 的模板片段)。
  • 输入 case,观察补全的 case...esac 模板。

image.png

图4 - 代码补全示例

image.png

图5 - if补全示例

image.png

图6 - case补全示例

测试:代码格式化

  • 故意将脚本写成“乱糟糟”的缩进与多行格式,然后:右键菜单选择“格式化文档”.

image.png

image.png

image.png

图7 - 代码格式化示例