1.VScode简介

VSCode全称Visual Studio Code，是微软公司旗下的一款免费的工具，是一个轻量级但功能强大的源代码编辑器，可在桌面上运行，适用于Windows、macOS和Linux。它内置了对JavaScript、TypeScript和Node.js的支持，并为其他语言和运行时（如C++、C#、Java、Python、PHP、Go、.NET）提供了丰富的扩展生态系统。本文介绍如何通过浏览器来使用此工具。

2.vscode安装

打开konsole,执行如下命令进行安装

su - #切换至root用户

mkdir -p /data/vscode

chown 1000:1000 /data/vscode

#运行vscode容器并把容器内6901端口映射至主机的6901端口上，设置kasm_user用户登录密码为password、共享内存为512M,同时映射容器内的配置文件目录至主机的持久化目录上

docker run -d -p 6901:6901 -v /data/vscode:/config --shm-size=512m -e VNC_PW=password kasmweb/vs-code:1.15.0

安装完成后，打开浏览器在地址栏中输入http://127.0.0.1:6901/,如下图点“Advenced...”-→“Accept the Risk and Continue”，输入用户“kasm_user”和密码“password”点“Sign in”

登录后显示vscode界面，如下图第一次登录需要进行一些设置，第一项是界面主题，可以保持不变或者选择一个喜欢的主题

点第二项“Rich support for all your languages”下方的“Browse Language Extensions”，然后在左上角的搜索框中输入chinese,在搜索结果中的第一项上点“Install”安装中文环境

安装完成后点“Change Language and restart”切换到中文界面

切换到中文界面后点左上角的“打开文件夹”

在弹出对话框中选择“Other Locations”-->“Computer”-->“config”然后点“Open”

在下面的对话框中勾选“信任文件夹中所有文件的作者”点“是，我信任此作者”

其他设置不需要变动的话直接点“标记为完成”

如下图可以正常使用了，可以编辑config目录下的文件，也可以新建文件，修改设置可以点击左下角的设置。

注：在开发环境为了共享配置文件，便于开发人员查看、修改配置文件可以使用上述方式部署vscode以简化相关操作提高效率。