5

使用Vscode软件直接编辑调试远程Linux主机上的代码

 1 year ago
source link: https://blog.51cto.com/u_15538119/5428509
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

使用Vscode软件直接编辑调试远程Linux主机上的代码

原创

1) 使用背景

  1. 使用Linux默认vim编辑器时,代码显示不美观,没有自动补全
  2. 复制粘贴操作限制不方便,对于需要从其他地方转移过来调试的代码需要依赖第三方ssh软件,例:Xshell等

2) 软件介绍

此时推荐一款跨平台开源编辑器软件:Visual Studio Code(简称“VS Code”)

Visual Studio Code是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OSX、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器,可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统。

2.1) 主要功能

  • 语法高亮(syntax high lighting)
  • 可定制的热键绑定(customizable keyboard bindings)
  • 括号匹配(bracket matching)
  • 代码片段收集(snippets)
  • 丰富的快捷键

2.2) 语言支持

截止2019年9月,已经支持了如下37种语言或文件:F#、HandleBars、Markdown、Python、Java、PHP、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Makefile、HTML、JSON、TypeScript、Batch、Visual Basic、Swift、Less、SQL、XML、Lua、Go、C++、Ini、Razor、Clojure、C#、Objective-C、CSS、JavaScript、Perl、Coffee Script、Dockerfile、Dart。

3) 软件安装及相关插件准备

官网下载链接: https://code.visualstudio.com/Download

3.1)下载安装vscode软件

3.1.1 使用Windows系统,按照图示点击下载安装程序进行安装即可

使用Vscode软件直接编辑调试远程Linux主机上的代码_vscode

3.1.2 执行安装程序(运行exe程序)

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_02

3.1.3 开始安装前的设置,同意协议点击下一步

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_03

3.1.4 选择安装位置(不改动直接下一步)

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_04

3.1.5 直接下一步

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_05

3.1.6 勾选创建桌面快捷方式,下一步

使用Vscode软件直接编辑调试远程Linux主机上的代码_bash_06

3.1.7 开始软件安装,等待软件安装

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_07

3.1.8 软件安装完毕!

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_08

3.2)配置vscode软件语言为中文

3.2.1 进入扩展中心(快捷键ctrl+shift+X)

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_09

3.2.2 搜索chinese,安装语言包插件

使用Vscode软件直接编辑调试远程Linux主机上的代码_vscode_10

3.2.3 安装完成,重启软件使其生效

使用Vscode软件直接编辑调试远程Linux主机上的代码_bash_11

3.2.4 设置中文完毕!

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_12

3.3)安装可以SSH到远程主机的Remote-SSH插件

3.3.1 进入扩展中心,搜索Remote-SSH

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_13

3.3.2 安装Remote-SSH插件

使用Vscode软件直接编辑调试远程Linux主机上的代码_bash_14

3.3.3 插件安装完毕,左侧栏出现远程资源管理器入口

使用Vscode软件直接编辑调试远程Linux主机上的代码_linux_15

3.4)Vscode开启登陆终端(使用SSH插件远程时开启使用Linux主机的Bash功能)

3.4.1 文件->首选项->设置->Show Login Terminal 打上勾

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_16

3.4.1 搜索Show Login Terminal,勾选开启该功能

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_17

3.5) vscode使用Remote-SSH插件连接远程主机

3.5.1 点击+号添加创建SSH配置

使用Vscode软件直接编辑调试远程Linux主机上的代码_linux_18

3.5.2 填写远程目标主机账号名和IP地址(能解析到正确IP的域名也可)后,按Enter回车键

使用Vscode软件直接编辑调试远程Linux主机上的代码_bash_19

3.5.3 选择将SSH配置信息保存到当前用户配置下,也可选择全局配置(第二个选项)

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_20

3.5.4 开始SSH访问远程主机

使用Vscode软件直接编辑调试远程Linux主机上的代码_vscode_21

3.5.5 选择目标主机类型>Linux

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_22

3.5.6 下方终端窗口输入yes回车下一步

使用Vscode软件直接编辑调试远程Linux主机上的代码_vscode_23

3.5.7 输入远程主机密码按Enter回车下一步

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_24

3.5.8 SSH访问成功!

使用Vscode软件直接编辑调试远程Linux主机上的代码_vscode_25

3.6)直接在Vscode上使用bash运行命令

3.6.1 开启远程主机bash

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_26

3.6.2 运行命令

使用Vscode软件直接编辑调试远程Linux主机上的代码_bash_27

3.7)使用远程资源文件管理器

点击左侧栏的资源管理器(前提需SSH到远程主机上)

使用Vscode软件直接编辑调试远程Linux主机上的代码_vscode_28

3.7.2 点击进入打开文件夹

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_29

3.7.3 选择要进入的远程目录,按确定

使用Vscode软件直接编辑调试远程Linux主机上的代码_linux_30

3.7.4 在新弹出的窗口输入远程主机密码,按Enter回车

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_31

3.7.5 勾选信任选项,点击是

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_32

3.7.6 左侧出现远程主机文件目录(管理远程文件资料成功!)

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_33

4.0) 使用Vscode调用shell脚本案例分享

4.1 切换到bash,使用命令创建net.sh文件

使用Vscode软件直接编辑调试远程Linux主机上的代码_bash_34

4.2 左栏点击文件编辑内容,直接粘贴远程代码(记得保存)

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_35

4.3 bash赋予执行权限,运行脚本

使用Vscode软件直接编辑调试远程Linux主机上的代码_软件安装_36

4.4 执行完毕(完结撒花!!!)

使用Vscode软件直接编辑调试远程Linux主机上的代码_vim_37

参考Url:
 https://baike.baidu.com/item/visual studio code/17514281.
 https://blog.csdn.net/qq_42669026/article/details/104056358

  • 1
  • 1收藏
  • 评论
  • 分享
  • 举报

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK