Visual Studio Code 配置Shell环境（第1次更新：20230416）

已于 2023-04-16 10:29:36 修改
阅读量1.7w 收藏 98
点赞数 29
分类专栏： shell 文章标签： git github vscode
于 2023-04-16 10:11:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jangboyang222/article/details/130179148
版权

1.前置

1.1 安装Visual Studio Code（VSCode）

下载地址：https://code.visualstudio.com/Download

安装：略


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"按钮
    在这里插入图片描述


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


  • 配置环境变量

配置git的环境变量
在这里插入图片描述


进入Settings，输入"Code-runner:Run in Terminal"，勾选"Whether to run code in Integrated Terminal."
在这里插入图片描述



3. 编写运行代码


直接运行会报错，需要在Terminal窗口输入"bash"。
在这里插入图片描述


切换为bash环境
在这里插入图片描述


再次运行，显示正常
在这里插入图片描述



附录一

资源地址
高级Bash脚本编程指南-英文原版https://tldp.org/LDP/abs/html/
高级Bash脚本编程指南-中译本http://home.ustc.edu.cn/~stephen1/book/abs-guide-3.7-cn/HTML/index.html
高级Bash脚本编程指南-中译本最新https://linuxstory.gitbook.io/advanced-bash-scripting-guide-in-chinese/
Bash Reference Manualhttps://www.gnu.org/software/bash/manual/bash.html
Bash中文手册https://chegva.com/2777.html
鸟哥的Linux私房菜http://cn.linux.vbird.org/linux_basic/linux_basic.php



参考

VS code 打造 shell脚本 IDE

VSCode: Windows 下配置 VSCode运行shell

在Windows下用VScode构造shell脚本的IDE

[vscode打造shell脚本IDE 转]

VSCode安装shell、bash格式化工具

shell脚本格式化



工具

截图工具：FSCapture 8.4

文档编写工具：Typora



PS: 如果本文对您有帮助，请单击文章最后左下角的“点赞”或留言。

PPS：本人水平有限，难免出现错误。如您发现错误，请批评指正。

道格卡琳
关注
专栏目录
Visual Studio Code 配置Shell环境（第1次更新：20240416）_vscode shell(2)
2401_83739821的博客
05-02 1297
搜索栏输入shell-format，点击"install"按钮​ 安装完毕网址：https://github.com/mvdan/sh/releases点击“shfmt_v3.6.0_windows_amd64.exe”下载（可能需要科学上网才能下载）将下载的exe文件，存放到任意目录依次点击"File"——>“Preferences”——>“Settings”​ 进入Settings，输入"shell-format"，点击"Edit in settings json"
ansible-role-visual-studio-code-extensions:用于安装Visual Studio Code扩展的Ansible角色
05-24
Ansible角色：Visual Studio代码扩展 用于安装 IDE /文本编辑器... # The VS Code build (either 'stable' or 'insiders') https://code.visualstudio.com/insiders/ visual_studio_code_extensions_build : stable #
vscode-shell-command:使用系统命令作为输入的任务助手
03-11
任务：Shell输入 此扩展旨在扩展任务执行中的可能性。 当前，VSCode支持3种类型的输入来完成您的任务： 提示字符串 pickString 命令 例如，它们都不允许从系统命令获取输入。 此扩展在您的OS中执行shell命令，输出的每一行都将用作任务的可能输入。 用法示例： { "version": "2.0.0", "tasks": [ { "label": "Echo Project File", "type": "shell", "command": "echo ${input:inputTest}", "problemMatcher": [] } ], "inputs": [ { "id": "inputTest", "type": "command",
vsCode配置shell开发环境
weixin_44269248的博客
02-23 2191
vscode配置shell开发环境
VSCode ShellCheck 插件使用教程
最新发布
gitblog_00405的博客
08-23 942
VSCode ShellCheck 插件使用教程 vscode-shellcheckIntegrates ShellCheck into VS Code, a linter for Shell scripts.项目地址:https://gitcode.com/gh_mirrors/vs/vscode-shellcheck 项目介绍 VSCode ShellCheck 是一个 Visual Stu...
vscode配置shell开发环境
qq_38147639的博客
10-12 3143
1.下载Git-2.32.0.2-64-bit 下载传送门 2.傻瓜式安装即可 3.图标右键==>打开文件所在位置 定位到安装路径. 4.配置环境变量. 我的电脑==>右键 ==>属性==>高级系统设置==>环境变量==>系统变量==>path==> (正常情况下安装完成后系统会帮我们自动配置好) 5.在vscode 中配置 1.找到 配置文件setting.json 点击 查看==>输入setting ==>选中打开 ...
vscode-shell-launcher：VS Code扩展，可轻松在终端中启动多个Shell配置
02-06
外壳发射器 在终端中轻松启动多种外壳配置。 指令 此扩展公开了以下可以在文件中进行命令： shellLauncher.launch ：显示一个快速选择项，允许选择已配置的终端外壳之一。 组态 执行以下操作，将Shell Launcher命令绑定到CTRL + SHIFT + T。 1.打开VS Code，然后按CTRL + SHIFT + T，这将打开keybindings.json。 如果您已将CTRL + SHIFT + T分配给另一个命令，则可以选择另一个键组合。 2.在他们的keybindings.json文件中输入以下代码。 [ { "key" : "ctrl+sh
使用Vscode调试shell bash脚本 环境搭建基本步骤
热门推荐
helloasimo的博客
04-29 1万+
搭建vscode 编译 shell脚本 环境步骤
VSCode - 设置自定义 shell
xianzhan_的博客
12-18 5232
VSCode 自定义终端
Windows下Visual Studio Code配置Shell开发环境 （超详细图文）| 瞬间提高200%生产力
我自人间漫浪的博客
11-22 1万+
要说目前最火的编辑器，我说是Visual Studio Code（VS Code）应该没人反对吧！！！软件跨平台支持 Win、Mac 以及 Linux。这篇文章就Windows上使用VSCode搭建Shell环境，介绍了几款非常适用的插件。
vscode-powershell, 为 Visual Studio 代码提供PowerShell语言和调试支持.zip
09-18
vscode-powershell, 为 Visual Studio 代码提供PowerShell语言和调试支持 用于 Visual Studio 代码的语言支持 这里扩展为 Visual Studio 代码提供了丰富的PowerShell语言支持。 现在你可以使用 Visual Studio 代码提供的优秀ide像接口那样编写和
nix-env-selector:允许使用Nix Package Manager切换Visual Studio Code的环境
05-15
在项目工作区的根目录中创建Nix环境配置（例如default.nix或shell.nix ）。 打开命令面板（ Ctrl + Shift + P ）并运行Nix-Env: Select Environment命令。 选择您想要应用的Nix环境。 等待环境构建。 重新启动
VS Code（Visual Studio Code）配置c/c 环境简单文档
07-02
### VS Code 配置 C/C++ 环境详解 #### 安装 C/C++ 插件 VS Code 是一款非常流行的轻量级代码编辑器，支持多种编程语言，其中包括 C 和 C++。为了更好地支持这两种语言的开发，我们需要安装一些必要的插件。 1. *...
vscode-figma-toolkit:用于Visual Studio Code的Figma设计工具箱
03-29
Visual Studio代码Figma工具包 :backhand_index_pointing_right: Figma链接： 如何使用 1.重复文件 首先将此文件复制到草稿中。 这是将此文件作为团队库重用的唯一方法： 2.发布样式和组件 接下来，将样式和组件...
使用vscode编写shell和python脚本
qq_45339526的博客
05-12 2698
对于经常编写脚本的人来说，编写shell一般都会在vim或记事本中，这样的方式没什么问题，但遇到需要测试的时候，就没有IDE那样的方便，而且使用IDE对shell的自动补全会让效率翻倍。此文章将讲述如何在vscode中配置Linux运行环境，让你run code即可看到输出。
在windows10下VSCode进行shell开发
coding and writing
08-17 6772
在windows下VSCode进行shell开发
vscode运行shell脚本的详细配置
w12345jl的博客
10-15 5356
shellformat.path”: “D:/Program Files/shfmt/shfmt_v3.6.0_windows_amd64.exe”（根据自己的存放路径，并注意路径中斜杠方向）进入Settings，输入"Code-runner:Run in Terminal"，勾选"Whether to run code in Integrated Terminal."​ 进入Settings，输入"shell-format"，点击"Edit in settings json"
vscode 中配置 shell 提示补全，语法检查，格式化
图片显示不出来,请去我的博客园:https://www.cnblogs.com/gosoline
12-21 1286
format。
vscode编写shell脚本
06-28
### 回答1： VSCode是一款非常流行的代码编辑器，可以用来编写各种编程语言的代码，包括Shell脚本。在VSCode中编写Shell脚本非常方便，只需要安装相应的插件即可。常用的插件有Bash Debug、ShellCheck、Shell Format等，它们可以帮助我们检查代码错误、格式化代码等。此外，VSCode还提供了丰富的代码补全、语法高亮等功能，让我们更加高效地编写Shell脚本。 ### 回答2： VSCode 是一款开源且轻巧的 IDE 工具，在使用 VSCode 进行编写 Shell 脚本时，可以大大提高编写的效率和准确性。下面是具体介绍： 1. 快速调试：VSCode 的 Debug 功能可以提供强大的调试支持，包括设置断点、调用堆栈查看、变量跟踪等，可以帮助我们更快地发现问题，并进行解决。 2. 智能提示：VSCode 的智能提示功能可以根据 Shell 的语法规则自动识别并提示关键字、函数名等，减少了代码的书写量，并且避免了常见的语法错误。 3. 语法高亮：VSCode 的语法高亮功能可以显示不同的语法结构，例如文件名、关键字、变量、函数名等，使得代码的阅读和理解更加清晰。 4. 代码格式化：VSCode 可以根据自定义的代码规则格式化代码，使得代码风格更加统一，易于阅读。 5. 安装插件：VSCode 可以通过插件的方式实现对 Shell 的自动化构建、自动完成和代码片段等功能的扩展，可以大大提高我们的编码生产力。 总之，使用 VSCode 编写 Shell 脚本可以大大提高我们的编码效率，避免常见的语法错误，提高代码的健壮性和可维护性。因此，VSCode 是编写 Shell 脚本的非常有效的工具。 ### 回答3： VSCode 是一种功能强大的代码编辑器，支持多种编程语言和开发环境，其中也包括 shell 脚本。利用 VSCode 可以极大提升编写 shell 脚本的效率和代码质量。 首先，VSCode 通过安装相应的插件可以支持不同的 shell 脚本语言，如 bash、zsh 等。安装插件后，可以在代码编辑器窗口中创建、打开、编辑 shell 脚本文件。在 shell 脚本的编辑过程中，VSCode 插件可以提供语法高亮、代码自动补全、代码片段等功能，让编写 shell 脚本变得更加便捷。 其次，VSCode 还提供了集成终端功能，可以在编辑器窗口中直接打开终端，并在其中执行 shell 脚本。这种方式不仅方便了测试和调试 shell 脚本，也可以避免频繁切换窗口的麻烦。 另外，VSCode 还支持使用快捷键快速运行和调试 shell 脚本。使用快捷键可以快速地运行脚本或打开 VSCode 内置的调试器，并快速定位出错代码，优化和修复代码。 最后，VSCode 还可以集成源代码管理工具，如 Git，可以轻松管理 shell 脚本文件的版本控制，帮助我们更好地组织和维护代码。同时，VSCode 还提供了一些团队合作的功能，如代码编辑协作，可以多人同时编辑一个文件，提高团队协作效率。 总之，利用 VSCode 编写 shell 脚本是一种高效的方式。它提供了许多工具和插件，能够让开发者在编写 shell 脚本时更加顺畅、便利和有效。同时，VSCode 还能够协助团队协作，优化代码的管控和维护，提升开发效率和代码质量。
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值