Remote-SSH使用教程 VSCode

2020-12-02 14:45:35

公司电脑是win的,实在又一个项目不能用win来编译。这事可难坏了,型号,发现了vscode自带的远程编程,瞬间轻松了。

以后也能解决不少问题,至少不好搭环境,或者需要一次性环境的时候,可以使用这个方法,不错呢。

可惜webstorm,IntelliJ IDEA上面没有这个功能,很可能因此要换开发工具了。

下面来介绍下配置教程


官方文档连接 Remote development over SSH   

https://code.visualstudio.com/docs/remote/troubleshooting#_installing-a-supported-ssh-client


又不懂或者模糊的地方还可以参考下其他连接  


VSCode:Remote-SSH配置实录


VSCode:Remote-SSH使用说明


为什么要使用VSCode:Remote-SSH

服务器很多时候都是部署在Linux远程机器上的,我们通常是SSH连过去然后用vim或者emacs去修改源文件。
这种方式对我来说很麻烦,因为我已经习惯了全宇宙最好用的C++IDE Visual Studio,离开IDE写代码实在太痛苦了。
所以我只能借助samba+sourceinsight的组合来勉强度日。这个组合其实是比较好的,只不过配置特别麻烦,实在是不想折腾。

这时,微软开发了一个VSCode的插件Remote-SSH,可以说是目前比较完美的解决了在windows下开发linux程序的问题。
Remote-SSH配置简单,界面可视化,你可以把他看做是带IDE的Putty。当然你也可以只把他当做一个远程ssh的连接工具来代替putty,xshell。

配置

1.安装

目前Remote-SSH这个插件仅支持VSCode的Insider版本(2019.5.8),所以你需要下载VSCode的Insider版本然后直接在扩展搜索Remote-SSH即可。


选择Remote-SSH下载即可。

安装完毕后侧边栏会出现新的图标:

(注意这里安装完后你们不会有AliServer这个Item,这是我配置完毕后的一个截图)

2.配置

Remote-SSH非常简单。
首先使用快捷键Ctrl+P打开活动栏:

搜索Remote-SSH,点选Connect to Host选项
接着会弹出:

让你选择config文件放在哪里,回车即可新建并编辑config文件。
config文件必须放到被授权的rsa秘钥所在的文件目录,可以看到我这个目录下的文件是这样的:

config文件是Remote-SSH的配置文件,表示我们将使用这个文件夹下的rsa秘钥文件去登录远程服务器。

注意:
Remote-SSH只提供使用RSA秘钥远程登录,所以你必须将该本机的rsa公钥添加到远程服务器,这一步并不麻烦,可以看我的这篇博文https://blog.csdn.net/sixdaycoder/article/details/89850064有详细教程。12

config文件配置项如下:

Host AliServer
	HostName 1.1.1.1 # 填写远程服务器的IP或者Host
	User     username # 填写登陆远程服务器的用户的名字123

你没看错,只有三行,非常简单。

3.连接

配置完毕后,在Remote-SSH中会出现新的名为AliServer的条目。

点击右边的按钮即可连接在新窗口中打开远程连接。
如果配置正确,会打开一个新的窗口,显示如下:

成功连接后Opening Remote状态会更改:

4.使用

在新窗口可以在菜单栏使用File->Open Folder,然后就会弹出以下窗口:

输入目录即可打开到侧边栏,然后就可以像是在本地开发一样更改远程的源文件,编译,调试。
或者呼出终端,当做一个带UI的Shell使用也可。


  • 2020-11-17 10:05:53

    mongoDB 修改密码

    mongodb的用户信息是存放在system.users表中的,修改密码不能直接更新表数据,这样的话,存到表里的密码是明文的,这就不对了。

  • 2020-11-17 10:13:16

    Vue.observable()进行状态管理

    随着组件的细化,就会遇到多组件状态共享的情况, Vuex当然可以解决这类问题,不过就像 Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是 vue.js 2.6 新增加的 Observable API ,通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。

  • 2020-11-17 10:17:18

    MongoDB日志文件查看

    默认情况下,MongoDB在此路径/var/log/mongodb/mongodb.log创建日志文件,如果找不到该日志文件,请检查MongoDB配置文件。

  • 2020-11-17 11:57:16

    app抓包无数据

    我们经常在wifi设置中 设置代理到我们的pc http代理软件上,多数情况下,此时我们开启的app流量都可以在代理软件上看到,比如charles , fiddler等等。 但是细心的人会发现 某些大厂的app 某些请求 在这些 http代理软件上就是抓不到, 给人的感觉就是 流量没从代理软件走一样。

  • 2020-11-17 11:57:55

    app抓不到包,解决很简单

    1.手机安装virtualXpost 并激活xpost 框架,如有问题自行百度。 2.安装justTrustMe,然后再virtualXpost中添加此模块 3.安装手机抓包神器packet capture 4.在virtualXpost中运行app,并打开packet capture抓包就行

  • 2020-11-17 16:50:16

    JS常见加密混淆方式

    目录 前端js常见混淆加密保护方式 eval方法等字符串参数 emscripten WebAssembly js混淆实现 JSFuck AAEncode JJEncode 代码压缩 变量名混淆 字符串混淆 自我保护,比如卡死浏览器 控制流平坦化 僵尸代码注入 对象键名替换 禁用控制台输出 调试保护,比如无限Debug,定时Debug 域名锁定