• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

1 分钟上手,在容器中运行 Visual Studio Code

docker 为少 2193次浏览 0个评论

1 分钟上手,在容器中运行 Visual Studio Code

https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers

这个插件允许我们在容器中运行 Visual Studio Code

在项目的根目录中,您需要创建一个名为 .devcontainer 的文件夹。我们将在此处存储环境设置。

然后在此文件夹中创建两个文件,devcontainer.json 和一个 Dockerfile

命名很重要,因为 Visual Studio Code 希望我们提供一些文件夹和文件名才能成功运行容器。

您的文件夹结构应如下:

1 分钟上手,在容器中运行 Visual Studio Code

Dockerfile 中,我们选择 Docker 镜像并在安装镜像后运行所需的任何命令(例如全局安装)。

FROM node:12.14.1-stretch
RUN npm install -g eslint prettier

1 分钟上手,在容器中运行 Visual Studio Code

然后,在 devcontainer.json 中,我们可以配置所有设置。

devcontainer.json 基本上是一个配置文件,该文件确定如何构建和启动 dev 容器。

{
  "name": "Node.js Sample",
  "dockerFile": "Dockerfile",
  "appPort": 3000,
  "extensions": ["dbaeumer.vscode-eslint"],
  "settings": {
    "terminal.integrated.shell.linux": "/bin/bash"
  },
  "postCreateCommand": "yarn install",
  // Comment out the next line to run as root instead. Linux users, update
  // Dockerfile with your user's UID/GID if not 1000.
  "runArgs": ["-u", "node"]
}
  • dockerFile – 您要用作镜像的 Dockerfile 的路径。
  • appPort – 在容器运行时应在本地提供的端口或端口数组。
  • extensions – 扩展 ID 的数组,这些 ID 指定创建容器时应在容器内部安装的扩展。
  • settings – 将默认 settings.json 值添加到特定于容器/机器的设置文件中。
  • postCreateCommand – 创建容器后要运行的命令字符串或命令参数列表。
  • runArgs – 运行容器时应使用的 Docker CLI 参数数组

这是 devcontainer.json 选项的完整列表。

1 分钟上手,在容器中运行 Visual Studio Code

检查一下

容器运行并连接后,您应该在状态栏的左下方看到远程上下文(remote context)更改:

1 分钟上手,在容器中运行 Visual Studio Code

安装了“Remote — Containers”扩展后,您将在最左侧看到一个新的状态栏项目。

1 分钟上手,在容器中运行 Visual Studio Code

远程状态栏项目可以快速向您显示在哪个上下文中运行 VS Code(本地或远程),单击该项目将弹出“Remote — Containers”命令。

1 分钟上手,在容器中运行 Visual Studio Code

选择在容器中重新打开。

1 分钟上手,在容器中运行 Visual Studio Code

等待容器构建

如果这是您的第一次连接,则将下载并构建 Docker 镜像,并将启动运行 VS Code Server 副本的容器。第一次可能需要几分钟,但以后的连接仅需几秒钟。

1 分钟上手,在容器中运行 Visual Studio Code

检查环境

在容器中进行开发的有用的事情之一是,您可以使用应用程序所需的特定版本的依赖关系,而不会影响本地开发环境。

node --version
npm  --version
我是为少。
微信:uuhells123。
公众号:黑客下午茶。
谢谢点赞支持!

Happy Hacking!


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明1 分钟上手,在容器中运行 Visual Studio Code
喜欢 (0)

您必须 登录 才能发表评论!

加载中……