Docker的配置及与vscode的连接(coding代码仓库)

这篇具有很好参考价值的文章主要介绍了Docker的配置及与vscode的连接(coding代码仓库)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Docker的配置及相关应用
本文是为Docker的配置及应用相关操作。包含(Debian、WSL、Docker、vsCode、git)的安装与配置。且与Coding代码仓库的连接。(附上所有安装包链接:https://pan.baidu.com/s/1su5n2YQN7xVMcasI4OJ-VA?pwd=6721 
提取码:6721)
第一步:安装前的配置
1. 查看windows版本是否最新
右键 windows 图标(或者使用快捷键 win+X)->设置->更新和安全->左侧列表选择 Windows 更新

Docker的配置及与vscode的连接(coding代码仓库)


2. 在 Windows 功能菜单里,勾选适用于 Linux 的子系统和虚拟机平台
操作:右键 windows 图标(win+X)->设置->应用->右上角的程序和功能(蓝色字体)->左边菜单栏选择启用或关闭 windows 功能->下拉到最后,勾选下图中的两个选项。勾选完成点击确定后 windows 会自动配置,配置完成后选择立即重新启动电脑。

Docker的配置及与vscode的连接(coding代码仓库)


3. 如果你的电脑防火墙和下图不一样,无法关闭,说明你安装了第三方的防护软件,请先把第三方的防护软件卸载。卸载第三方防护软件后继续执行此步骤!!!
卸载软件操作:右键 windows 图标(win+X)->设置->应用->左侧列表选择应用和功能>选中你要卸载的软件点击卸载按钮即可。如下图

Docker的配置及与vscode的连接(coding代码仓库)


第二步:安装Debian
1. 左键 windows 图标,进入 windows 商店,在上方搜索栏输入 debian,搜索后点击安装(获取),如果没有微软账号,自行注册即可。

Docker的配置及与vscode的连接(coding代码仓库)


2. 安装Debian遇到的错误及解决办法
下图为初次安装 Debian,需要设置账号密码,随意输入即可,就像你平常注册别的软件一样,只是在此处输入密码时,密码不显示,不用惊慌,保证两次输入的密码一样即可。

Docker的配置及与vscode的连接(coding代码仓库)


如遇到下图错误,请参考:https://zhuanlan.zhihu.com/p/351208803此链接只需操作到第二步,本地安装 WSL 2 环境。之前即可

Docker的配置及与vscode的连接(coding代码仓库)


第三步:安装wsl
1. 双击安装包安装即可
第四步:安装Docker
1. Docker 安装完成后需重启电脑(也有可能不用重启),重启后稍等片刻,系统会自动启动 docker,初次启动时会弹出下图弹窗,按下图操作,勾选后点击 Accept 按钮即可。

Docker的配置及与vscode的连接(coding代码仓库)


2. 下图为正确安装后 docker 的样子

Docker的配置及与vscode的连接(coding代码仓库)


3. 配置 docker

将"https://docker.mirrors.ustc.edu.cn/"(带引号)填至图 位置

Docker的配置及与vscode的连接(coding代码仓库)


4. Dockers 安装完成后,为了防止 dockers 内存占用过高导致 dockers 崩溃,我们需要进行一个配置
  a. 按下 Windows + R 键,输入 %UserProfile% 并运行进入用户文件夹
  b. 新建文件 .wslconfig ,然后记事本编辑
  c. 填入以下内容并保存, memory 为系统内存上限,这里我限制最大 2gb,可根据自身电脑配置设置
  [wsl2]
  memory=2GB
  swap=10GB
  d. 然后启动 cmd 命令提示符,输入 wsl --shutdown 来关闭当前的子系统
  e. docker 会提示你重启,按提示重启 docker 即可。
第五步:安装vsCode
1. 安装 vsCode 途中的注意事项,需要将图中红色区域内的选项全部勾

Docker的配置及与vscode的连接(coding代码仓库)


2. vsCode 安装完成后,需要安装拓展,安装的拓展如下
1. close tag
2. auto rename tag
3. better comments
4. chinese
5. docker(重要)
6. remote Con(重要)
7. styled jsx
8. styled-jsx Language Server
9. eslint
10. gitlens
11. git history
12. mmstudio13. px to rem&rpx
第六步:安装git
1. 通过安装包安装git
  a. 通过git config --list  可以查看git的很多信息证明安装成功

Docker的配置及与vscode的连接(coding代码仓库)


2. 配置git
  a. 配置git用户名和邮箱
git config --global user.email "张三的邮箱地址"
git config --global user.name "张三"

  b. 公钥的使用
生成公钥命令:
ssh-keygen -t rsa
一路回车即可

生成文件的处理:
• windows c:/用户/个人用户名/.ssh/id_rsa.pub中的内容
• 通过cat命令可以输出这个文件的内容
cat ~/.ssh/id_rsa.pub

• 将公钥全部加入coding仓库
  • 个人账户设置
  • SSH公钥=>新增公钥 。加入即可
 

Docker的配置及与vscode的连接(coding代码仓库)

测试
ssh -T git@e.coding.net

如果配置成功,命令行会提示Hi 张三! .......
• 打开你们的个人代码储存地址,右上方克隆=>选择SSH=>复制(后边需要用)
 

Docker的配置及与vscode的连接(coding代码仓库)

第七步:Docker与vscode的连接
1. 在一个磁盘里(非C)创建一个单独的文件夹(item),并放入一个docker-compose.yml文件
2. 将这个文件夹item通过vscode打开,右键=>compose up,需要等待几分钟......

Docker的配置及与vscode的连接(coding代码仓库)


3. 打开左侧的docker插件

Docker的配置及与vscode的连接(coding代码仓库)


4. 找到后缀名含有web的这一项,右键=>选择attach visual studio code

Docker的配置及与vscode的连接(coding代码仓库)


5. 终端打开输入pwd 查看路径是否为/root,下一步在终端里输入这行代码。注意git clone 后边是当时coding里复制的路径
git clone git@e.coding.net:......

6. 之后左侧会出现一个新的文件夹lesson,通过vscode左上方打开文件夹选择lesson路径进入。

Docker的配置及与vscode的连接(coding代码仓库)


7. 注意此时进去之后lesson文件里是没有东西的,我们需要点击左下角master,选择origin/,左侧会出现一列文件.

Docker的配置及与vscode的连接(coding代码仓库)


8. 终端打开分别输入 yarn、yarn dev即成功连接,端口可以使用文章来源地址https://www.toymoban.com/news/detail-479204.html

到了这里,关于Docker的配置及与vscode的连接(coding代码仓库)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 1.vs code 拉取gitee 代码仓库

    2.1 如果是第一次clone,则会提示输入账户和密码,这个就是gitee的账户和密码  2.2 点击确认后,就等待项目克隆完成即可。  

    2024年02月13日
    浏览(60)
  • 数据仓库系列:StarRocks的简单试用及与clickhouse的对比

    StarRocks 与 ClickHouse 是两款基于 MPP 架构的列式数据库管理系统,都可以提供高性能的 OLAP 分析能力。 但是它们在功能、性能和使用场景上也有一些区别。 总结如下: StarRocks 与 ClickHouse 最大的区别就在于对于 join 的处理上 。 ClickHouse 虽然提供了 join 的语义,但使用上对大表

    2024年02月09日
    浏览(43)
  • gitbub创建远程仓库(基于vscode远程连接服务器)

    背景:vscode已远程连接服务器、已经下载好git 目的:在本地创建了一个Git仓库后,又想在GitHub创建一个Git仓库,并且让这两个仓库进行远程同步 创建仓库具体方法不再赘述,需要注意的是先别选择add a readre file,具体原因有点说不清楚(博主也菜),但是踩过坑建议别选,后

    2024年02月09日
    浏览(50)
  • vscode通过ssh连接github仓库(git+ssh+github+vscode详细步骤)

    首先我们先来了解一下什么是 ssh 和 github SSH(Secure Shell)是一种网络协议,用于在不安全的网络中安全地传输数据和执行远程命令。它提供了加密的通信通道,使得数据传输过程中不容易被窃听或篡改。 SSH 使用公钥加密和私钥解密的方式进行身份验证和数据传输。用户生成

    2024年01月25日
    浏览(62)
  • VSCode 代码仓库相关操作

    在 VS Code 中,您可以使用多个终端窗口或集成的 Git 工具来同时拉取多个代码仓库。 使用多个终端窗口 在 VS Code 中,您可以打开多个终端窗口,每个窗口可以执行不同的 Git 命令。例如,您可以在一个窗口中拉取一个代码仓库,同时在另一个窗口中拉取另一个代码仓库。 要打

    2024年02月06日
    浏览(76)
  • VS Code Counter统计代码量(vscode扩展工具)

    该vscode扩展工具用于统计代码行数以及代码量等信息。 既可以点击左侧扩展图标,也可以 Shift+Ctrl+X vscode快捷命令打开扩展:商店,然后在商店中搜索 VS Code Counter ,并点击安装。 使用时用两种方式可以直接统计代码。 顶部菜单栏 【查看】(View) 选择下拉菜单 【命令面板】打

    2024年02月04日
    浏览(69)
  • Vscode连接服务器时一直卡在Waiting for Downloading VS Code Server

    网络问题 :这是 vscode-servlet.tar.gz 下载时卡住了,网络原因一直下不下来。 解决方案 :可以本地下载后,再传上去。 找到 commit_id vscode的输出信息中有这个 commit_id , 或者通过其他工具如xshell连接上服务器后,在.vscode-server/bin 文件夹中找到这个commit_id。 ls /home/test/.vscode-ser

    2024年02月11日
    浏览(49)
  • 如何在Vscode中拉取仓库代码

    1.从仓库复制代码连接(HTTPS的,不是SSH) 2.打开Vscode选择克隆仓库(要资源管理器没有任何项目或文件夹,才会出现图一的标注的) 粘贴从仓库复制的代码连接 点击存储库URL 选择一个空的文件夹存放代码,点击选择为存储库目标,等待克隆即可完成从仓库拉取代码。 1.如第

    2024年02月15日
    浏览(54)
  • Visual Studio Code(VSCode) 编辑/编译/调试 C++ 代码

    最近想要切换编辑工具,之前工作中使用过 Source Insight,Eclipse,CLion 来写 C++ 代码。目前来说 Source Insight 已经非常古老,只有编写代码还说得过去,编译、调试方面都不行。Eclipse 使用的时间最长,相对来说也比较好用,但是对于 C++11 之后的 C++ 代码实际上支持的并不友好。

    2024年02月03日
    浏览(161)
  • vscode提交分支代码到git仓库+合并

    点击vscode左侧源代码管理,会显示以下图片内容 点击+号,表示所有修改的文件保存到暂存区(-号表示不将本文件上传) 在提交按钮上面的输入框中输入提交信息 输入信息后点击提交或者√ 之后 点击同步修改 (这里会弹出一个确认框  点击确认就好了)或者 点击...下方的

    2024年04月13日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包