Visual Studio Code 配置Shell环境(第1次更新:20240416)_vscode shell

1.2 安装Git

下载地址:https://git-scm.com/downloads

安装:略

2. 安装插件

2.1 进入应用市场

打开VSCode后,点击左侧的"Extensions"扩展面板,并在搜索栏输入扩展插件的名字。
在这里插入图片描述

2.2 安装shellman
  • 简介

智能提示和自动补全

  • 搜索、安装插件

搜索栏输入shellman,点击"install"按钮
在这里插入图片描述

​ 安装完毕
在这里插入图片描述

  • 查看效果
    点击"explorer"资源管理器面板,右键单击红框处,点击"New File"新建文件。
    在这里插入图片描述

​ 新建"shellmanTest.sh"文件,输入case,显示代码提示。
在这里插入图片描述

​ 选中第一个后,效果如下
在这里插入图片描述

2.3 安装shellcheck
  • 简介

语法、错误检查

  • 搜索、安装插件

搜索栏输入shellman,点击"install"按钮
在这里插入图片描述

安装完毕
在这里插入图片描述

  • 查看效果
    在这里插入图片描述
2.4 安装shell-format
  • 简介

格式化代码

  • 搜索、安装插件

搜索栏输入shell-format,点击"install"按钮
在这里插入图片描述

​ 安装完毕
在这里插入图片描述

  • 下载shfmt

网址:https://github.com/mvdan/sh/releases

点击“shfmt_v3.6.0_windows_amd64.exe”下载(可能需要科学上网才能下载)
在这里插入图片描述

  • 存放文件

将下载的exe文件,存放到任意目录
在这里插入图片描述

  • 配置

依次点击"File"——>“Preferences”——>“Settings”
在这里插入图片描述

​ 进入Settings,输入"shell-format",点击"Edit in settings json"
在这里插入图片描述

将shfmt.exe的路径配置到shellformat.path中,并保存

“shellformat.path”: “D:/Program Files/shfmt/shfmt_v3.6.0_windows_amd64.exe”(根据自己的存放路径,并注意路径中斜杠方向)
在这里插入图片描述

  • 查看效果

在代码的任意地方,单击鼠标右键,选择"Format Document"
在这里插入图片描述

效果如图
在这里插入图片描述

备注:如果无法下载shfmt,也可使用在线格式化工具

https://tool.lu/shell/
http://web.chacuo.net/formatsh

2.5 安装Code Runner
  • 简介

运行代码

  • 搜索、安装插件

搜索栏输入Code Runner,点击"install"按钮
在这里插入图片描述

最后的话

最近很多小伙伴找我要Linux学习资料,于是我翻箱倒柜,整理了一些优质资源,涵盖视频、电子书、PPT等共享给大家!

资料预览

给大家整理的视频资料:

给大家整理的电子书资料:

如果本文对你有帮助,欢迎点赞、收藏、转发给朋友,让我有持续创作的动力!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以点击这里获取!

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
果本文对你有帮助,欢迎点赞、收藏、转发给朋友,让我有持续创作的动力!**

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以点击这里获取!

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 29
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值