• 译文出自：登链翻译计划 [1]

  • 译者：翻译小组 [2]

  • 校对：Tiny 熊 [3]

Remix 项目--包括 Remix IDE 及其相关库，发布了 VSCode 的 Remix 插件的测试版本。现在可以在 VSCode 的插件市场上搜索： Remix

或者前往 VSCode 网站上的 Remix 插件页面 [4]。

在 Remix 插件可以做什么？

让我们从基础知识开始，你可以在 VSCode 中运行 R emix，并使用 VSCode 的默认功能--比如 VSCode 的 编辑器 和它的 文件浏览器。 同时，VSCode 中的 Remix 不是一个网络应用，所以你可以直接访问你电脑的文件系统。

在这个测试版中，你可以：

  • 使用 Remix 的 Solidity 编译器编译，及相应的 Remix 插件操作编译结果。

  • 使用 Juan Blanco 的 Solidity VSCode 插件进行编译（更多信息见下文），然后使用在编译结果上操作的 Remix 插件。

下一步，它将能够做什么？

部署

在这个插件的开发计划中，下一步将是增加 部署和运行（Deploy & Run） 功能插件。在 Remix IDE （网络应用）中， 部署和运行 插件会在提供者选择 Injected Web3 时，可以部署到公共测试网（或主网）。我们正在想办法在不使用 MetaMask 的情况下（因为 VSCode 中没有）将其部署到公共网络。

调试器 (Debug)

一旦 运行和部署（Deploy & Run） 功能插件加入后，所有使用该插件的 API 的插件也将很快跟进。首先考虑的是调试器。

试试测试版

设置

  • 从 VSCode 市场加载 Remix 插件程序 。

  • Remix 的 Solidity Compiler 功能插件是默认加载的。

  • 要加载其他插件，请点击 Remix 图标，你会在左侧面板上看到可用插件。

  • 然后要激活你想用的插件，点击该插件，就会有一个激活模式提示菜单。

Remix IDE 发布了 VSCode 插件 VSCode

编译 Solidity 和 YUL

有 2 个编译器可用：

  • Remix Solidity/YUL 编译器（顾名思义，它也可以编译 YUL），这与 Remix IDE 中使用的编译器相同。为了区分这两个插件，我将其称为 Remix Solidity Compiler 。在激活 Remix 插件后，默认可用。

  • 已经有一个流行的 VSCode 插件用于编译 Solidity。名字为 Solidity extension ，它是由 Juan Blanco 编写的。为了清楚起见，在本文中我将把它称为 Juan Blanco 的 Solidity 插件 。要使用这个插件，在 VSCode 插件市场中激活就可以。

两者的基本区别是， Remix Solidity Compiler 也能编译 YUL，而 Juan Blanco 的 Solidity 插件 则不能编译 YUL--但它的运行速度确实快了一些。

选择 Solidity 版本

无论你使用哪种编译器，都可能需要选择 Solidity 的版本。

进入命令面板 ( Shift+cmd+p )(mac: Shift+opt +p) 并输入 version - 可以看到 Solidity (Juan Blanco 的插件名) & Remix Solidity Compiler 。

Remix IDE 发布了 VSCode 插件 0_Qmdj6h8921r4KR_m

这里使用 Remix Solidity Compiler 模式，然后选择编译器版本：

Remix IDE 发布了 VSCode 插件 Solidity

启动编译器

点击进入带有 Solidity 文件的面板，使其成为活动标签。

  • 使用命令面板 ( Shift+cmd+p ) 并输入编译。你会在那里看到两个编译器选项（假设你已经激活了 Juan Blanco 的 Solidity 插件）。

Remix IDE 发布了 VSCode 插件 编译器

选择一个，在输出面板上你应该看到类似的内容：

Remix IDE 发布了 VSCode 插件 编译

F5 快捷键编译有吗？

对于 Juan Blanco 的 Solidity 插件的用户，你通常会通过点击 F5 进行编译。

但 F5 目前还不能与 Remix 一起工作。你应该用 Compile with Solidity extension 进行编译。这样你就能得到两个插件的好处。

目前，只有在 Juan Blanco 的 Solidity 插件在我们的插件中被调用时，Remix 才能监听到编译的结果。因此，目前不要使用快捷键。

另外，确保编译时选择了对应的 .sol 文件（当前活跃的标签）。如果你把插件放在焦点上，它将无法知道你要编译哪个文件。

一旦 部署和运行 插件被集成--用户将能够用 Remix Solidity 编译器或 Juan Blanco Solidity 插件进行编译，然后部署到 公共测试网，并用 R emix 调试器进行调试。

Remix 包含了哪些插件

目前可用的插件都是依赖使用编译结果的插件：

Defi Explorer

Remix IDE 发布了 VSCode 插件 资源管理器

Defi Explorer 将把 Uniswap 合约加载到文件资源管理器中，这样你就可以玩转这个协议，了解它的工作原理。

EthDoc

EthDoc 文档生成器将 NatSpec 的注释格式化为可读的文档。

Learneth

Remix IDE 发布了 VSCode 插件 Learneth

Learneth 是 Remix 中的一个教程框架，用于逐步学习。一些教程包括测试。

Remix IDE 发布了 VSCode 插件

1_wRbieQSRL-wbnF8sW9ycCw

从初学者到经验丰富的学习者都有教程。我们已经编写了这些教程，你编写 Learneth 教程并将其托管在你自己的 repo 上也很容易。

一键式 Dapp

一个生成智能合约界面的免费工具。

Sol2UML -创建一个 UML 图

这个插件将在最近编译的 Solidity 文件上创建一个 UML 图。

SolHint Linter

SolHint linter 会给你警告，当你点击一个警告时，它将突出显示相关的代码。

Remix IDE 发布了 VSCode 插件 1_9G4_4f2HO4nIslLidrRoHQ

你应该发现 4.22 高亮显示了

Sourcify -- 合约的获取和验证

Remix IDE 发布了 VSCode 插件

Sourcify

  • 获取合约 输入已验证合约的地址来获取合约。

  • 用 Sourcify 进行验证 目前验证是可用的，但在部署和运行插件被集成到 Remix VSCode 插件中之前，工作流程有点复杂。所以在这个问题上，还请等待。

Tenderly

Remix 和 Tenderly 项目整合。验证合约（尽管这与 Sourcify 验证器的问题相同）。从你的 Tenderly 项目导入 Remix。

Remix IDE 发布了 VSCode 插件

Tenderly

想在 VSCode 中为 Remix 编写一些插件？

请查看 remix-vscode repo[5] 和它的 README[6] 文件的说明。

让我们知道你的想法

Remix 的 VSCode 处于 Beta 阶段--所以你的任何反馈都将是非常有用的。

本翻译由 Cell Network[7] 赞助支持。

来源： https://medium.com/remix-ide/a-remix-ide-extension-for-vscode-1f751fdeee46

参考资料

[1]

登链翻译计划 : https://github.com/lbc-team/Pioneer

[2]

翻译小组 : https://learnblockchain.cn/people/412

[3]

Tiny 熊 : https://learnblockchain.cn/people/15

[4]

VSCode 网站上的 Remix 插件页面 : https://marketplace.visualstudio.com/items?itemName=RemixProject.ethereum-remix

[5]

remix-vscode repo: https://github.com/ethereum/remix-vscode

[6]

README: https://github.com/ethereum/remix-vscode#load-a-development-plugin

[7]

Cell Network: https://www.cellnetwork.io/?utm_souce=learnblockchain