Windows下Visual Studio Code配置Shell开发环境 (超详细图文)| 瞬间提高200%生产力

人生苦短,务必性感。

 

要说目前最火的编辑器,我说是Visual Studio Code(VS Code)应该没人反对吧!!!作为一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

这篇文章就Windows上使用VSCode搭建Shell开发环境,介绍了几款非常适用的插件。

目录

安装VS Code

安装VS Code

英文汉化

安装喜欢的主题

Dracula Official 官方吸血鬼主题

SynthWave '84  超炫

Tiny Light  护眼风

Github Plus  简约风

Glass UI  粉红的回忆

Aurora-X 夜深人静时

美化图标

vscode-icons 图标插件

Shell必备插件

shellman  代码提示工具1

TabNine Autocomplete AI 代码提示工具2

shell-format 格式化工具

shellcheck 语法错误检查

Terminal  终端插件

Remote - SSH 远程开发

最后欢迎大家推荐好用的插件,多多益善,就是喜欢折腾!!!


安装VS Code

官网下载并安装VS Code

Visual Studio Code - Code Editing. Redefined

本文下载的是windows版,安装直接下一步下一步,安装完成如下图:

VS Code默认界面

英文汉化

若果英文看的不习惯,还可以安装中文插件

进入安装插件界面→选择Chinese (Simplified) Language Pack for Visual Studio Code→install→点击右下角Restart Now

安装汉化插件演示

安装喜欢的主题

这里推荐几套我平时喜欢用的主题,点击下面名称即可安装(因人而异,不喜欢的也可以去下其他风格主题,应有应有,总有你中意的那款)

Dracula Official 官方吸血鬼主题(也是我的最爱)

SynthWave '84 字体超级炫,有些小伙伴可能扛不住会晕

Tiny Light  护眼风,值得使用

Github Plus 看惯了花里胡哨,也可以尝尝简约风

Glass UI 妹子喜欢的风格(其实我也蛮喜欢的,粉红的回忆)

Aurora-X 适合夜深人静的时候敲代码或者爬下xx网图片

美化图标

vscode-icons 图标插件

可以控制文件管理的树目录显示图标(600W+人气就问你装不装,heihei~)

装完是不是感觉贼棒,看图体会

Shell必备插件

介绍几个适用的插件,都是我目前高频率在用的

shellman  代码提示工具1

可以提示bash语法

未安装shellman
已安装shellman
已安装shellman

我们选择switch case看下效果:

我们选择if看下效果:

TabNine Autocomplete AI 代码提示工具2

这是一个自动补全的编码插件,不同于一般的自动补全插件,它使用了深度学习 来帮助我们补全代码。配合shellman使用爽到颤抖

shell-format 格式化工具

安装完shell-format后,鼠标右键多了“格式化文档”,第一次点击时,会默认下载shfmt(因为shell-format依赖于shfmt)

使用方法:【右键】 → 【格式化文档】

快捷键:Alt+Shift+F

   

                                                      等待。。。等待。。。等待。。。

下载完成,我们来看下效果:

缩进错误的代码
格式化文档操作
格式化后的代码

shellcheck 语法错误检查

安装了shellcheck后,写代码过程中出现了语法错误会自动给出提示。

使用方法:安装后实时显示语法错误,无需操作

语法正确
语法错误提示

Image preview 图像预览

这个插件可以帮助你实时预览路径指向的图片,有这功能其实也挺不错的

file-size 文件大小显示

在状态栏中显示当前文本文件的大小。保存文件或更改活动选项卡后,状态将更新。

code Runner  提供代码运行环境 

 Code Runner 插件可以让你不用搭建各种语言的开发环境,直接通过此插件就可以直接运行对应语言的代码。输出展示在output中,并对输出给与颜色标注,方便观看。

使用方法:

  • 【右键】 → 【Run Code】
  • 右上角的运行小三角按钮
  • 左侧的文件管理器,右键选择 Run Code
  • 按 F1 调出 命令面板, 然后输入 Run Code

快捷键 Ctrl+Alt+N

Terminal  终端插件

它等同于cmd,可以很方便的在VScode中实时查看

使用方法:【右键】 → 【open in Integrated Terminal】

快捷键:Ctrl+Alt+O

Remote - SSH

前面介绍的插件都是美化和辅助你更好些编写shell脚本,Romote-SSH确是实现你远程Linux环境开发,真正提高效率的神器。
安装完插件后,编辑器界面或多出一个ssh模块,如下图:

紧接着我们要配置要远程的linux机器地址,点击配置按钮,选择第一个配置项

跳转到配置文件,配置参数如下:

远程Linux机器

最后

欢迎大家推荐好用的插件,多多益善,就是喜欢折腾

PS:最近我在VS Code上也装了一下python环境,也找了不少插件,用的感觉还行,

但用惯了PyCharm始终放不下,还有PyCharm也确实好用,VS Code就先试试水看看

### 回答1: 在VSCode中运行shell脚本,可以通过以下步骤实现: 1. 打开VSCode,创建一个新的文件,将shell脚本代码复制到文件中。 2. 保存文件,并将文件名以“.sh”结尾,表示这是一个shell脚本文件。 3. 打开终端窗口,进入到保存的shell脚本文件所在的目录。 4. 在终端中输入“chmod +x 文件名.sh”,将文件设置为可执行文件。 5. 在终端中输入“./文件名.sh”,即可运行shell脚本。 注意:在运行shell脚本时,需要确保系统已经安装了bash或其他shell解释器。 ### 回答2: VS Code 是一个非常流行的轻量级编码工具,它支持多种编程语言和开发环境。其中,VS Code 内置了终端功能,可以方便我们在 VS Code 中运行 Shell 脚本。 使用 VS Code 运行 Shell 脚本,需要按照以下步骤操作: 1. 打开 VS Code 编辑器,在项目文件夹中创建一个新的 Shell 脚本文件,命名为“test.sh”等。 2. 在 VS Code 的菜单栏中选择“终端(Terminal)”,然后选择“新终端(New Terminal)”,这样就会在底部打开一个新的终端窗口。 3. 在新的终端窗口中输入以下命令,cd 到 Shell 脚本所在的目录,并将脚本文件赋予执行权限。 ``` cd <Shell 脚本所在的目录> chmod +x test.sh ``` 4. 在 VS Code 中打开 Shell 脚本文件,然后按下“Ctrl + Shift + `”(或者选择“终端”>“新建终端”)打开一个新的终端窗口。 5. 在新的终端窗口中,输入以下命令来运行 Shell 脚本: ``` ./test.sh ``` 6. 如果 Shell 脚本正常运行,就会输出脚本的执行结果。 需要注意的是,在执行 Shell 脚本时,需要保证终端窗口中所在目录与 Shell 脚本所在目录一致,否则可能会执行失败。同时,在编写 Shell 脚本时,也需要注意脚本本身的正确性。 综上所述,使用 VS Code 运行 Shell 脚本比较简单,只需要在 VS Code 的终端窗口中输入几个命令即可。通过这种方式,我们可以方便地测试和调试 Shell 脚本,提高开发效率。 ### 回答3: 在VSCode中,我们可以通过使用终端面板来运行shell脚本。 VSCode提供了内置的终端面板,可以让我们在同一个窗口中编写代码和运行shell脚本。 首先,我们需要打开终端面板。可以使用快捷键Ctrl + `或者在菜单栏中选择“终端”-“新建终端”。 接下来,我们可以输入我们的shell脚本指令,然后按下“Enter”键运行。 除此之外,VSCode还有许多扩展可以帮助我们更便捷地运行shell脚本。 例如,在Visual Studio Marketplace中,可以找到一些常用的扩展,如“Run on save”、“Code Runner”等等。 “Run on save”扩展可以使我们在保存脚本文件后自动执行脚本,这在开发时非常方便。 另外,“Code Runner”扩展可以支持运行多种语言的代码,并提供了许多选项和配置项,如运行前/后的命令、并行执行等等。 总结起来,VSCode提供了很多方便我们运行shell脚本的方法,从内置的终端面板到各种扩展,我们可以根据自己的需要选择最适合自己的方式来进行操作。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我自人间漫浪

你的鼓励将是我创作的最大动力~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值