再见UE之VS Code初体验---实现远端Linux C开发配置

一、引言

笔者以前使用的远端开发工具为 Xshell5 + Xftp5 + Source Insight4++Uedit15，现准备替换替换掉Uedit15，采用 Xshell5 + Xftp5 + Source Insight4++VS code。

Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

相对于UE的优势：

优秀的sftp插件，支持文件过滤和多用户配置
支持函数跳转
支持自动补全
支持各类插件
最最最重要的就是好看好看好看

二、VScode 安装

参见博客：https://blog.csdn.net/u012814856/article/details/81947675，这篇文章中写了一些基本VScode的插件安装和sftp的简单配置，下面将说一些实际开发中通用性配置

三、配置Uedit功能

1.模拟UE ftp账户管理器，先看 VScode中的sftp的通用的配置。

快捷键 Ctrl+Shift+P 打开指令窗口，输入sftp:config，回车，当前工作工程的.vscode文件夹下生成一个sftp.json文件

{
    "protocol": "sftp",
    "host": "190.0.0.131",
    "port": 22,
    "username": "tests",
    "password": "tests",
    "remotePath": "/home/tests/cs"
}

以上是一个简单的sftp插件的简单配置sftp.json

protocol：协议，可以选sftp或者ftp
host：远端IP
port：端口，
username：用户名
password：密码
remotePath：远端服务器路径

但是笔者正常使用往往需要连接多台服务器，该如何配置多用户处理呢？查看插件说明插件支持multiple context.如下：

[
  {
    "name": "server1",
    "context": "/workspace/a",
    "host": "host",
    "username": "username",
    "password": "password",
    "remotePath": "/remote/workspace/a", 
  },
  {
    "name": "server2",
    "context": "/workspace/b",
    "host": "host",
    "username": "username",
    "password": "password",
    "remotePath": "/remote/workspace/b", 
  }
]

笔者按按照插件说明进行用户的配置，配置结果如下：

[

    {
        "name": "work_37_214",
        "protocol": "sftp",
        "host": "192.168.31.200",
        "port": 22,
        "username": "dora",
        "password": "dora",
        "remotePath": "/home/dora/cs/", 
        "context": "E:cs"
    },
    {
        "name": "my_131",
        "protocol": "sftp",
        "host": "190.0.0.131",
        "port": 22,
        "username": "bbbb",
        "password": "aaa",
        "remotePath": "/home/aa/app/bbb", 
        "context": "E:cs2"
    },
    {
        "name": "my_131_workspace",
        "protocol": "sftp",
        "host": "190.0.0.131",
        "port": 22,
        "username": "ttt",
        "password": "ttt",
        "remotePath": "/home/ttt/lv11w22x/workspace"
    }

]

配置sftp.json成功后Ctrl+S，使用F1或者Ctrl+Shift+P,输入SFTP:List All就可以看到刚才的配置

选择其中的一个配置my_131_workspace，页面如下：

如果能看到对应的远端目录的下的文件，则说明配置成功了哦。

由于my_131_workspace的配置中没有配置本地路径context，所以，远端文件使用sftp同步到本地的路径默认是在当前工作区下的，往往工作是需要配置本地的路径的，这样方便隔离每个项目和不同的sftp服务器。修改my_131_workspace的配置增加context如下：

    {
        "name": "my_131_workspace",
        "protocol": "sftp",
        "host": "190.0.0.131",
        "port": 22,
        "username": "xxxxx",
        "password": "xxxxx",
        "remotePath": "/home/gaps41/lvwx/workspace",
        "context": "E:\\test"
    }

工作区右击增加鼠标左键-选择将文件夹(本地路径)添加到工作区,本文选择test文件

此时本地test文件夹为空，选择中test文件夹右击选择 SFTP:Download,把远端文件下载到本地，如下

如果配置正确，则会在本地目录下生成远端服务器的文件，如果没有下载文件成功，请坚持配置，成功结果如下：

备注：如果处理单个文件的修改，工作区选中某一文件进行 SFTP:Upload或者SFTP:Download进行上传和下载，如果需要同步整个项目的话选中目录进行SFTP:Sync To Remote 或者SFTP:Sync to Local进行同步处理，

sftp多服务器配置结束

2. 定制化配置：

F1或者Ctrl+Shift+p，输入settings，选择Prefernces：Open User Settings,进行定制化的配置

配置settings.json 设置文件关联，定制文件高亮显示，如设置某一类文件使用C语言语法高亮：

    "files.associations": {
        "*.eh":"c",
        "*.ec":"c",
        "*.sqc":"c"
    },
    "emmet.includeLanguages": {
        "*.eh":"c",
        "*.ec":"c",
        "*.sqc":"c"
    },

对于文件扩展是eh/ec/sqc的文件使用C语言关联和语法高亮，相关配置说明如下：

  // 配置语言的文件关联 (如: `"*.extension": "html"`)。这些关联的优先级高于已安装语言的默认关联。
  "files.associations": {},
  // 在默认不支持 Emmet 的语言中启用 Emmet 缩写功能。在此添加该语言与受支持的语言间的映射。
  // 示例: `{"vue-html": "html", "javascript": "javascriptreact"}`
  "emmet.includeLanguages": {}

设置文件打开编码

  // 启用后，将在文件打开时尝试猜测字符集编码。可以按语言对此项进行配置。
  "files.autoGuessEncoding": false,

笔者设置为 true，可以自动转文件编码

设置文件写入时的字符集和行尾字符，Windows 选择 \r\n,Linux选择\n

// 在读取和写入文件时使用的默认字符集编码。可以按语言对此项进行配置。
"files.encoding": "gb2312",
  // 默认行尾字符。
  //  - \n: LF
  //  - \r\n: CRLF
  "files.eol": "\n",

设置Tab为4个空格

"editor.tabSize": 4,

列模式选择

Ctrl + Shift +鼠标左键拖拽选择。emmm讲道理列表是还是VIM的好用。

其他的配置，大家可以自行尝试。

四、远程服务器C语言开发插件推荐

C/C++ for Visual Studio Code
changeEncode
EditorConfig for Visual Studio Code
Insert Date String
One Monokai Theme
sftp liximomo

五、总结

其实也不是第一次尝试VScode了，之前有一段时间用过VScode当时没有好用的FTP插件，最后还是转成UE，但是现在sftp这个插件能完全代替Ue的FTP远程编辑文件的功能，同时也可以本地配置git进行版本管理，相对UE要方便的多，讲道理还是喜欢比较漂亮的编辑器哈，对于单独的文件上传和下载不建议使用VScode，可以使用XShell+Xftp的组合。只需要在Xshell中配置服务器信息，就可以关联使用XFtp很方便。划重点了快捷键是：Ctrl+Alt+F