如何在Docker容器内通过Visual Studio Code或其Bash终端打开HTML文件

嘿，我来给你捋清楚怎么操作哈！你现在是在VS Code连接着Docker容器的Bash终端里，想把容器内的HTML文件在VS Code主编辑器里打开对吧？其实有几种简单的方式，看你习惯哪种：

方式一：直接用终端的code命令快速打开 #

如果你的VS Code是通过Dev Containers扩展连接到这个Docker容器的（毕竟你能在VS Code里直接打开容器的终端，大概率是用了这个扩展），那容器的Bash环境里应该已经配置好了code命令。你只需要在终端里输入：

code /path/to/your/target-file.html

这里的/path/to/your/target-file.html替换成容器内HTML文件的绝对路径（如果终端当前目录就在文件所在文件夹，用相对路径比如./file.html也完全可以）。

敲下回车后，VS Code的主编辑器窗口就会自动加载并打开这个容器里的HTML文件——这是因为Dev Containers扩展已经帮你打通了本地VS Code和容器的通道，这个code命令是容器内的代理工具，会把打开请求转发给本地的VS Code。

方式二：通过VS Code图形界面手动定位打开 #

要是你记不清文件路径，或者不想敲命令，也可以用VS Code的图形界面操作：

• 点击VS Code左侧边栏的远程资源管理器图标（就是那个带着箭头的电脑图标）
• 在侧边栏的“容器”分类下，找到你当前连接的这个Docker容器，展开它的文件系统
• 逐层找到你要打开的HTML文件，双击它就能直接在VS Code编辑器里打开了，全程不用碰终端~

小补充：要是想预览HTML效果怎么办？ #

要是你不仅想在编辑器里编辑HTML，还想实时预览页面效果，可以装个Live Server扩展——注意安装的时候要选择“安装到容器”（不要装到本地）。安装完成后，右键编辑器里的HTML文件，选择「Open with Live Server」，扩展会自动帮你映射容器端口，在本地浏览器里打开预览页面。

备注：内容来源于stack exchange，提问作者user2172521