我试着将VSCode和开发环境整合到Docker中（2018年版本）

2 年 ago

雅, 悟

1 minute

[新闻内容摘要]

nvm経由でnodejs設定済み(8.11.3)

首先

我决定学习Angular。
平时我使用的是Windows，但在这个行业中，原生的Windows使用起来有些困难。
（工具类似乎更倾向于Mac和Linux。）
我长时间使用Cygwin，但在尝试一些特殊操作时，容易遇到问题，所以想避免。（；´･ω･）
我希望WSL再成熟一些再开始使用。(´・ω・`)
最后，为了学习Docker，我选择了使用Docker + X转发来进行总结。

做好的东西 (zuò de xī)

这是一个Dockerfile，如果下载下来，你就可以运行VSCode并试用Angular。

准备 (Windows 10)

Windows上的Docker

我觉得不需要解释。
请加入。

VcXsrv

这是一个在Windows上运行的X服务器。
安装并不特别困难，以下网站可作为参考。

参考
安装VcXsrv

找个小木槌

这是一个SSH客户端。
实际上，任何都可以，但经过多次尝试后，发现与VcXsrv的兼容性最好，所以推荐使用这个。
(最初是使用Cygwin的ssh进行X转发，但有时候工作得很好，有时候不好，原因不明…)

使用Windows上的ssh客户端”PuTTY”。

使用方法

获取Docker镜像

从Docker Hub获取镜像。

使用docker拉取yamada28go/docker-x-japanese-vscode-nodejs

运行 Docker

我会启动已经下载的图像。
以下是执行启动命令的示例。

[命令示例]

在中文中以一个选项进行简化：

docker运行命令–rm -p 23001:22 –name VsCodeTest yamada28go/docker-x-japanese-vscode-nodejs

以下是对上述内容的汉语翻译：
– 将ssh端口转发到本地端口23001
– 停止后删除容器
– 容器名称为“VsCodeTest”

启动VcXsrv

请先启动X服务器。
只要正常启动，你就可以使用它，但可能会有一些关于设置的问题。
有关设置方法，请参考上面的参考链接。

Putty的设置

我会从Putty进行连接。
由于需要进行一些设置，因此我将在下面进行说明。

接続ポート

在启动容器时指定指定的端口。

優先する暗号種別

由于仅在本地进行传输，因此使用轻量级加密算法来降低加密计算的负荷。将下方的”Arcfour”移至顶部。

X転送の有効化

我們啟用X轉送。

请提供关于putty的连接

一旦设置好了就可以连接了。
登录信息如下所示。

ユーザー名パスワード備考devdev←こっちを使うroothoge管理者用

连接后，X传输将处于有效状态。
在putty中输入”xeyes”将会出现熟悉的眼睛图标。
输入”code”将会启动Visual Studio Code。
由于已经通过nvm安装了nodejs，因此您可以在这种状态下安装AngularCLI等工具。
剪贴板也已经启用，因此您可以像打开Windows应用程序一样使用它。

日本语输入设置

您可以通过“ibus-setup”来设置Mzc的输入设置。
当您输入以下命令时，将会显示设置界面。

打开IBus设置&

请在这里选择“输入法”选项卡，然后切换到Mozc的设置。

另外

在这篇文章中，我们使用了一个已经安装了nodejs的环境。
Dockerfile是在安装了Visual Studio Code的状态下进行分类的，
所以我认为，如果以该文件为基础，也可以创建适用于其他语言的Dockerfile。

日本版的Docker容器镜像与Visual Studio Code基础镜像相比较

请提供更多的上下文信息。

使用Docker构建可移植的带有GUI的Linux开发环境，参考了这篇文章。

在Docker中安装nvm时遇到了困难…。

【Linux小技】根据不同的加密方式进行scp(ssh)的传输速度基准测试
↑
由于传输速度较慢，我切换了ssh的加密方式。
这是参考信息。