【VScode】安装配置、插件及远程SSH连接

已于 2024-06-06 16:16:48 修改
阅读量5.8k 收藏 23
点赞数 24
分类专栏： 环境搭建 文章标签： vscode ssh ide
于 2023-11-22 14:26:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62140641/article/details/134540293
版权

一、VSCode安装
二、配置安装插件
三、配置远程连接SSH
四、MinGW

一、VSCode安装

VS官网
Visual Studio Code - Code Editing. Redefined下载安装包：

在这里插入图片描述

二、配置安装插件

安装中文插件

在这里插入图片描述

配置字体为20

配置文件–>首选项->设置->Font Size为20
在这里插入图片描述

设置 VSCode 的默认缩进，由2个空格改为4个空格

文件 -> 首选项 -> 设置 -> 输入框搜索 Tab Size，将 2 改为 4
在这里插入图片描述

Editor: Detect Indentation

Detect Indentation （中文意思是检测缩进）
在这里插入图片描述

自动对齐格式化

在Visual Studio Code中进行自动对齐的方法有几种，以下是其中的一些：

  1. 使用快捷键：

    • 在你的代码中选中要进行对齐的部分。
    • 使用快捷键进行对齐。默认情况下，Visual Studio Code的对齐快捷键是Shift + Alt + F（在Windows和Linux上）或Shift + Option + F（在Mac上）。

  2. 使用右键菜单：

    • 在你的代码中选中要进行对齐的部分。
    • 右键单击选中的部分，然后选择 “Format Document” 或 “Format Selection”。

  3. 使用保存时自动格式化：

    • 打开用户设置（快捷键为Ctrl + ,或 Cmd + ,）。
    • 在设置中搜索 “Format On Save”。
    • 勾选 “Editor: Format On Save” 选项，这样每次保存文件时，都会自动格式化。

  4. 使用插件：

    • 安装并配置适用于你的语言的格式化插件。例如，对于JavaScript/TypeScript，可以使用 Prettier 插件。
    • 在安装插件后，你可以配置 Visual Studio Code，在保存时自动应用格式化规则。

请注意，确保你的编辑器已经配置了适当的语言支持和格式化工具。对于某些语言，你可能需要安装额外的插件或工具。

Prettier 代码格式化

在这里插入图片描述

代码质量检查工具

可以帮助遵循最佳实践在这里插入图片描述

Code Runner插件

在这里插入图片描述

美化：

在这里插入图片描述

安装Remote Development插件

在这里插入图片描述
如果安装失败，可选择离线安装的方法，参考如下网上文章的安装说明：
VSCode离线安装Remote-SSH插件_vscode 离线安装ssh-CSDN博客

三、配置远程连接SSH

【配置环境】Windows下 VS Code 远程连接虚拟机Ubuntu
VsCode通过SSH连接Ubuntu虚拟机
VS Code SSH远程连接虚拟机Ubuntu

虚拟机上开启ssh

  1. 设置网络适配器为NAT模式
    在这里插入图片描述
  2. 安装openssh-server
sudo apt update
sudo apt upgrade
sudo apt install openssh-server
  1. 使能和确认ssh服务运行
sudo sytemctl enable ssh
sudo sytemctl start ssh
sudo sytemctl status ssh
  1. 服务器操作
    配置22端口和检查状态
sudo ufw allow ssh
sudo ufw enable
sudo ufw status

（1）启动服务器 默认端口22

sudo /etc/init.d/ssh start

（2）重启服务器 默认端口22

sudo /etc/init.d/ssh restart

（3）关闭服务器 默认端口22

sudo /etc/init.d/ssh stop

（4）查看ssh服务是否在运行

ps -e | grep sshd

（5）配置ssh服务（打开文本编辑）

sudo gedit /etc/ssh/sshd_config

#PermitRootLogin prohibit-password 后改为 #PermitRootLogin yes

（6）保存退出，并重启服务器

sudo /etc/init.d/ssh restart
  1. 查询IP
ifconfig
ip addr show

VScode SSH连接虚拟机

安装ssh插件

在这里插入图片描述

配置.ssh/config文件

按F1或者 CTRL+SHIFT+P，输入Remote.ssh:Connect to Host 回车，点击 Configure SSH Host，再点击 c:/user/xxx/.ssh/config，这是会打开config文件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
按上面给的注释填写好自己服务器端的信息，保存并退出

最后点击VS code旁边的小电脑，展开 SSH TARGETS选项卡，下面就是我们刚刚添加的远程服务器,点击旁边的小文件夹就可以添加文件夹连接了
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

VScode SSH配置连接多个虚拟机

ssh 用户名@IP

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

主机上ssh连接虚拟机

适用于 Windows 的 OpenSSH 入门

ssh 用户名@IP

在这里插入图片描述

四、MinGW

MinGW（Minimalist GNU for Windows）是一个用于Windows平台的开发工具集，它提供了一组用于构建和运行C和C++程序的GNU工具，如GCC（GNU编译器集合）等。MinGW的目标是提供一个轻量级、简化的开发环境，使开发者能够在Windows上轻松地编写和运行类Unix的应用程序。

MinGW的主要特点包括：

  1. 轻量级： MinGW致力于提供一个轻量级的工具集，使得在Windows上进行C/C++开发更加简便。

  2. GNU工具： MinGW使用GNU工具，如GCC，使得开发者可以在Windows上使用类Unix的编程工具。

  3. 无需Cygwin： 与Cygwin不同，MinGW生成的可执行文件不依赖于任何运行时库（如cygwin.dll），因此它们更独立，更适合与Windows原生应用程序集成。

  4. 支持32位和64位： MinGW可以生成32位和64位的可执行文件，适用于不同的Windows系统。

MinGW常用于开发需要在Windows平台上运行的C和C++应用程序，它为开发者提供了在Windows上使用GNU工具链的便利。

环境搭建

开发环境 windows gcc 编译
在这里插入图片描述
在这里插入图片描述

咖喱年糕
关注
  • 24
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
vscode remote ssh 连接远程服务器（自学笔记项）
01-09
做个笔记防止自己忘了，哈哈。 环境： (1) win10 ->IP: 192.168.1.107  客户端角色 (2) centos7 虚拟机 -> IP: 192.168.1.105  服务器角色 步骤： （1）客户端vscode安装插件 remote-ssh ,remote-container，装了remote-ssh会出现图中显示所有ssh连接的选项 (2)点击新生成的选项框，并配置一个ssh连接。 这个默认的config配置文件中，可以配置你的连接，像这边你能看到我有一个rzq的连接，就是因为我这个config文件中之前已经配置好了。 （3）连接 中间会跳出一个让你打密码的框，你把
vscode离线版+插件+远程连接服务器，无网情况全套完整安装版
02-07
vscode是非常好用大编辑器。加上各种神插件，简直是开发人员的神级开发工具。 但是有时候配置vscode的环境是离线的。并且有需要连接服务器进行开发。但是很多情况下，服务器都会是无网络的情况，这种情况下，还是想要用到更加灵活的vscode的话，就会遇到很多问题，包括不限，vscode版本问题，vscode-ssh版本问题，插件版本不适配。这里就给出了一种解决方案。里面有一个vscode的本地安装包，此外，如果vscode连接服务器的话，还需要vscode-server这个用的版本，其实跟vscode本地安装包的版本，这个vscode-server是需要解压放到.vscode-server/bin/<commitID>中的。最后，这里的插件也是适配的。这里上传上来，一方面是为了在帮助有同样需求的朋友（相信我，这个版本适配的过程非常痛苦）的同时赚取积分；另一方面，也是上传一个备份，以后我自己需要的时候也是可以从这里重新下载下来。 嘻嘻，vscode这样的神器，大家可以一起用起来拉，有问题随时cue我
vscode通过ssh连接服务器（吐血总结）
最新发布
AndrewPerfect的博客
04-01 2万+
13.如果长时间都一直是该情况，可以使用Ctrl + Shift + P，打开命令窗口，输入reload window来重新加载窗口（会要求你重新手动输入密码）。（2）终端会出现以下提示，可以自己定义密钥名(就是自己定义文件所在位置)，也可以直接跳过，默认在C盘中的C:\Users\“用户名”\.ssh中。12、该用户第一次访问该服务器可以看到该提示信息，耐心等待，这时是插件在服务器上面安装需要的依赖，大约会占用服务器150mb左右的空间。2、点击远程资源管理器选项卡，选择远程（隧道/SSH）类别。
vscode 使用 Remote-SSH 插件远程连接服务器跑深度学习
weixin_47291060的博客
04-26 7358
vscode远程连接服务器跑深度学习
使用VSCode的Remote-SSH连接Linux进行远程开发
01-09
安装Remote-SSH并配置 首先打开你的VSCode，找到Extensions，搜索Remote，下载Remote-Developoment插件，会自动安装其他的Remote插件，其中会包含Remote-SSH： 进入设置，搜索ssh，找到并选中拓展中的Remote-SSH中的ShowLoginTerminal选项，因为在连接的时候，终端会让你输入yes或者密码等 接着，需要配置你的Linux服务器地址信息，按CTRL+SHIFT+P,搜索ssh，找到Open Configuration File选项 接着输入自己的地址信息： Linux安装OpenSSH-Serve
VScode使用之ssh链接虚拟机
会打莎士比亚的猴子的博客
11-18 3066
VS code之使用ssh链接虚拟机
vscode配置 SSH 链接服务器
ZZZZZBUG的博客
06-17 2305
Secure Shell（安全外壳协议，简称SSH）是一种加密的网络传输协议，可在不安全的网络中为网络服务提供安全的传输环境。SSH通过在网络中创建安全隧道来实现SSH客户端与服务器之间的连接。SSH最常见的用途是远程登录系统，人们通常利用SSH来传输命令行界面和远程执行命令。
VSCode配置 SSH连接远程服务器+免密连接教程
qq_50714222的博客
03-07 2515
​ 以下内容基本参考博客VSCode配置 SSH连接远程服务器+免密连接教程 - 知乎，内容全面细致，基本上都能一次性成功连接远程服务器，如果不想每次连接服务器时都要输入密码，可以多花几分钟配置以下免密连接（连接好之后非常的方便） 为什么使用vscode? 研究生计算机开发研究python语言使用得多一点，而有界面的码代码并且可以连接远程服务器的平台常用的有两个：pycharm和vscode。个人喜欢并推荐使用vscode,因为比较轻量级，而且插件很多，操作上也比较简单，比较方便。 ​
(4)VScode之ssh基础配置
Once_day的回忆
02-20 3137
可以看到，中间的数字是UID(user id)和GID(group id)，一般用户的ID都大于1000，因为小数字的ID都被分配给各种系统和用户服务了，如sshd，www-data，dbus等。在此模型上，即可抽象出汇编指令，汇编指令和ISA是息息相关的，对于一个编译的C语言，其成为汇编级别的抽象，因此只要ISA相同，可执行程序便可在同类系统中通用。等包管理软件，那么需要根据linux机器类型，自行从网上下载已编译好的执行程序，也可以是源码，但是需要编译，此时会需要更多的依赖文件。如何下载第一个文件？
VScode远程服务器ssh的配置免密及搭建pytorch环境
qq_60886999的博客
03-29 1551
本文详细介绍了如何在VSCode中配置SSH远程服务器，实现免密登录，并搭建PyTorch环境。首先，通过安装Remote-SSH插件并设置SSH连接，连接远程服务器。然后，利用SSH密钥对实现免密登录，提升开发效率。最后，在远程服务器创建conda环境，安装PyTorch及相关依赖，支持深度学习开发。本文旨在帮助读者轻松实现VSCode远程开发与深度学习应用的融合，提升开发体验。通过本文指引，读者可以轻松地在VSCode中配置SSH远程服务器并搭建PyTorch环境，实现远程开发和深度学习应用的无缝衔接。
vscode 配置 Remote-SSH
zbbzb的博客
11-07 7562
参考 官方文档 ssh-copy-id 插件 window下生成ssh，配置ssh config 详细看多个ssh配置管理 配置完就是这样 生成的.pub公共密钥发送到要连接的服务器 ssh-copy-id api 使用见参考 port 为 22 可以不写-p ssh-copy-id -i C:/Users/Administrator/.ssh/id_rsa_company.pub -p...
玩转VSCode插件之Remote-SSH的使用情况
10-14
安装完成后，需要配置连接远程服务器的SSH配置信息。 ### 配置SSH连接 1. 使用`ssh-keygen`命令生成SSH密钥对。 2. 将公钥复制到远程服务器的`~/.ssh/authorized_keys`文件中。 3. 检查`~/.ssh/config`文件，确保...
VSCode插件remote-x11(ssh)
12-16
VSCode插件remote-x11(ssh)，运行远程X11程序时，安装本地机器上使用,与之相对的是remote-x11,vscode-1.69.0可用
VScode连接远程服务器上的jupyter notebook的实现
09-17
整个过程包括了本地与服务器的SSH配置、VScode Remote - SSH插件的使用、远程服务器上Jupyter Notebook的安装和启动，以及在VScode中连接Jupyter服务。这种方法对于需要进行大数据处理或机器学习的开发者尤其有用，...
采用Vscode进行ssh连接远程服务器并实现代码运行和调试
m0_48086806的博客
12-21 7378
采用Vscode进行ssh连接远程服务器并实现代码运行和调试
基于Windows下VSCode安装及安装相关插件通过SSH协议远程连接服务器详细方法
rothschild666的博客
06-11 3239
基于Windows下VSCode安装及安装相关插件通过SSH协议远程连接服务器详细方法
【vscode远程开发】使用SSH远程连接服务器 「内网穿透」
小洁洁
05-05 6243
远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。
vscode中配置远程ssh
07-27
在 VS Code 中配置远程 SSH 连接，您可以按照以下步骤操作： 1. 首先，确保您已经安装了 Remote - SSH 扩展插件。您可以在 VS Code 的扩展商店中搜索并安装该插件。 2. 打开 VS Code，点击左侧的扩展图标（四方块图标），然后在搜索栏中输入 "Remote - SSH" 来找到并打开该插件。 3. 点击插件界面右上角的齿轮图标，选择 "Settings"。这将打开 VS Code 的设置页面。 4. 在设置页面中，找到 "Remote.SSH: Config File" 选项，并点击右侧的 "Edit in settings.json" 链接。这将打开一个名为 "settings.json" 的文件。 5. 在 "settings.json" 文件中，找到或创建一个名为 "remote.SSH.configFile" 的键值对，并将其值设置为您 SSH 配置文件的路径。例如，对于 macOS 和 Linux 用户，默认的 SSH 配置文件路径是 "~/.ssh/config"。 6. 保存 "settings.json" 文件并关闭该文件。 7. 点击左下角的远程连接图标（绿色电源按钮），然后选择 "Remote-SSH: Connect to Host..."。 8. 在弹出的菜单中，选择 "Add New SSH Host"。 9. 在接下来的输入框中，输入您的 SSH 连接信息，包括远程主机的 IP 地址或域名、用户名以及 SSH 配置文件中定义的别名。 10. 点击 "Add" 完成配置。 现在，您应该能够通过 VS Code 进行远程 SSH 连接了。您可以通过点击左下角的远程连接图标来选择已配置的主机进行连接，也可以使用命令面板（Ctrl/Cmd + Shift + P）搜索并运行 "Remote-SSH: Connect to Host" 命令来选择主机。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

咖喱年糕

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

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

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

打赏作者

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

抵扣说明：

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

余额充值