Visual Studio Code(简称 vscode)是一款由微软开发且跨平台的免费源代码编辑器,结合插件能够用于多种语言程序开发(如 python, java, javascript, go 等)。但是其属于一款客户端软件,在远程服务器上使用不如 code-server,code-server 是一款能够在网页上使用的 vscode,极大的方便程序开发人员快速访问与编码。本篇介绍如何在 ubuntu 18.04 上安装和配置,使其适用于 python 开发。

安装

1
2
3
4
5
6
wget https://github.com/coder/code-server/releases/download/v4.23.0/code-server-4.23.0-linux-amd64.tar.gz
tar -xzvf code-server-4.23.0-linux-amd64.tar.gz
sudo mv code-server-4.23.0-linux-amd64 /usr/local/code-server

# 首次运行
/usr/local/code-server/bin/code-server

此时,会在 ~/.config/code-server 下生成配置文件信息 config.yaml,可以根据需要修改里面的内容,如:

1
2
3
4
bind-addr: 0.0.0.0:8080
auth: password
password: akK23ss!sff
cert: false

后面运行时,可以指定配置文件:

1
/usr/local/code-server/bin/code-server --config ~/.config/code-server/config.yaml

打开浏览器,输入: http://xxx.xxx.xxx.xxx:8080 即可访问 code-server。

配置

如果服务器没有域名或者没有安装证书,那么 http 协议的 code-server 是受限制的,如不能加载显示图片、视频(H264)等资源。一种简便的方法是

  1. 使用 chrome 浏览器
  2. 打开 chrome://flags/#unsafely-treat-insecure-origin-as-secure
  3. 把 ‘disabled’ 切换为 ‘enabled’
  4. 并把地址:’http://xxx.xxx.xxx.xxx:8080‘ 粘贴到矩形框内,多个地址可以以’,’隔开
  5. 最后重启浏览器即可使用 code-server 全部功能

插件

这里介绍配置 python 开发 IDE 的好用插件:

  1. Python(author: ms-python),microsoft 官方插件;
  2. Python Debugger(author: ms-python),microsoft 官方插件,但 Mac 版 code-server 暂时不支持安装该插件;
  3. Black Formatter(author: ms-python),microsoft 官方插件;
  4. Path Autocomplete(author: ionutvmi),方便编写 python 代码是路径提示,需要配置:选择插件工具,选中 Path Autocomplete 设置,选择 Extensions settings,找到 Path Mappings 选择 Edit in settings,填写如下内容
    1
    2
    3
    4
    5
    6
    "path-autocomplete.pathMappings": {

    "/": "/",
    "./" : "${workspace}",
    "~": "/home/jinzhongxu"
    },
  5. Office Viewer(Markdown Editor)(author: cweijan) 方便查看各种文档等。

其他更多功能请自己探索。