Linux比Xshell更爽,用vscode连接云服务器进行开发

Posted 慕雪年华

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Linux比Xshell更爽,用vscode连接云服务器进行开发相关的知识,希望对你有一定的参考价值。


本篇博客教你如何用VScode的​​remote ssh​​插件连接上linux云服务器进行代码开发~

文章目录

1.下载vscode

vscode是微软官方的一款多语言代码编辑器,其因为丰富而强大的插件而被非常多用户选中使用!

官网下载:https://code.visualstudio.com/

在这里可以直接下载windows上的VSC,但是默认的下载链接下载是非常慢的!

https://az764295.vo.msecnd.net/stable/da76f93349a72022ca4670c1b84860304616aaa2/VSCodeUserSetup-x64-1.70.0.exe

我们要做的就是把这个默认的下载链接改成国内的镜像源,下载速度就可以起飞!

将下载地址中的az764295.vo.msecnd.net 更换为 vscode.cdn.azure.cn 
更改后:
https://vscode.cdn.azure.cn/stable/da76f93349a72022ca4670c1b84860304616aaa2/VSCodeUserSetup-x64-1.70.0.exe

这速度岂不爽炸了!

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_linux

1.1 安装一些插件

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_vscode_02

在开始之前,我们需要安装一些必要的插件:

  • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
  • Remote - SSH

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_云服务_03

如果你没有其他的开发需求的话,默认安装这两个就可以让我们愉快地登陆上linux服务器了!

1.2 连接云服务器

安装完​​remote ssh​​之后,你的左侧应该会出现这样一个按钮

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_vscode_04

在最上面的链接模式我们选择​​ssh targets​​,在这里可以点击+号添加linux服务器

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_虚拟环境_05

这里填写的格式为 ​​shh 用户名@公网ip​​​。比如我的用户名是​​user​​​,公网ip是​​114.514.20.22​​,那么需要填写的便是

ssh user@114.514.20.22

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_linux_06

输入完后会让我们选择一个路径,我们选第一个就可以了,方便日后管理

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_云服务_07

这时候右下角会弹窗告诉你​​host add​​,成功添加了一个远程终端

打开user路径下的​​.ssh/config​​​文件,可以看到下面关于host的信息。其中我们可以把​​Host​​​改成和​​user同名​​​,注意不要修改​​hostname​​哦!

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_运维_08

重启vsc,然后你应该就可以在左侧看到刚刚添加的linux云服务器。我们右键这个终端,会出现一个选项卡询问你是在当前vsc界面打开该终端,还是新建一个vsc界面。这个根据自己喜好选一个就OK!

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_运维_09

初次链接会让你选择该终端的平台,我们选择​​linux​​即可!

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_云服务_10

注意:这里我发现直接链接​​root​​会出现错误,可能是安全性考虑阻止了vscode在远程服务器的环境安装,后文改为我自己的子账户进行演示!

1.3关于修改host

现在发现了问题,其实是因为host需要修改成和user一样才能正常访问,否则会报错

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_虚拟环境_11

同时下面ssh显示的是host名字,而不是公网ip

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_vscode_12

这里我改成自己的子账户进行演示!

输入咱们账户的密码

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_虚拟环境_13

这里vscode会在你的云服务器上装一些环境,当左下角出现你的公网ip(这里显示的是host,为公网ip是因为我没有改)那就代表链接成功了!

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_linux_14

到这里我们就已成功连上云服务器了!


2. 常用插件推荐

vscode连接的好处就是我们可以直接在云服务器环境里面安装插件!这里给大家推荐几个非常棒的插件:

  • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
  • Terminal Here(​​超级好用,必装!!​​)
  • C/C++
  • C/C++ Extension Pack

如果你还学习python,可以安装下面的插件:

  • Python
  • Pylance
  • Pip Manager

安装这些插件的时候,会有一些附属插件被同时安装,我们不需要管它,交给vsc自己处理就行拉!注意安装的时候一定是选择安装在你的云服务器里面,如果安装在本地,对于云服务器来说是没有用的哦~

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_linux_15

3. 开启终端

Linux最常用的当然还是终端了,我们使用快捷键​​ctrl+shift+p​​​打开vsc的命令选择界面,搜索终端,选择下面这个​​视图:切换终端​

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_运维_16

可以看到下面会出现一个熟悉的界面~linux的命令行有啦!

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_linux_17

但是,如果只用linux的命令行可完全没必要折腾vscode,这里介绍如何更方便的用vsc开发

4. 打开文件夹

在左侧最上面的分区中,我们可以选择打开一个文件夹

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_vscode_18

这时候,你便可以选择你常用的工作文件夹,比如我的代码都在GIT文件夹里面,选择后vscode会打开它

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_linux_19

这里vscode会让你在输入一次linux用户的密码,后文会提到如何免密登录

现在我已经打开了GIT文件夹,可以看到里面的几个子文件夹,这里创建一个新的test文件夹来作为演示

【Linux】比Xshell更爽,用vscode连接云服务器进行开发_云服务_20

vscode非常棒的一点是,他会帮你保存上一次打开本文件夹的命令行操作信息,不像Xshell打开一个新的之前的命令行操作就看不到了

以上是关于Linux比Xshell更爽,用vscode连接云服务器进行开发的主要内容,如果未能解决你的问题,请参考以下文章

Xshell连接云主机成功但无法输入指令

云服务器连接Linux(Xshell 6)

比 Xshell 还好用的 SSH 客户端神器,MobaXterm 太爱了!

Xshell 无法连接腾讯云服务器 No supported authentication methods available

阿里云Linux云服务器CentOS安装宝塔并利用宝塔搭建静态页面

怎样用xshell连接一个linux机器