Remix IDE 发布了 VSCode 插件
Remix IDE 发布了 VSCode 插件
Remix 项目--包括 Remix IDE 及其相关库，发布了 VSCode 的 Remix 插件的测试版本。现在可以在 VSCode 的插件市场上搜索：Remix
或者前往VSCode 网站上的 Remix 插件页面[4]。
在 Remix 插件可以做什么？
让我们从基础知识开始，你可以在VSCode 中运行Remix，并使用 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 图标，你会在左侧面板上看到可用插件。
- 然后要激活你想用的插件，点击该插件，就会有一个激活模式提示菜单。
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。
0_Qmdj6h8921r4KR_m
这里使用 Remix Solidity Compiler 模式，然后选择编译器版本：
Solidity
启动编译器
点击进入带有 Solidity 文件的面板，使其成为活动标签。
- 使用命令面板 ( Shift+cmd+p ) 并输入编译。你会在那里看到两个编译器选项（假设你已经激活了 Juan Blanco 的 Solidity 插件）。
编译器
选择一个，在输出面板上你应该看到类似的内容：
编译
F5 快捷键编译有吗？
对于 Juan Blanco 的 Solidity 插件的用户，你通常会通过点击 F5 进行编译。
但 F5 目前还不能与 Remix 一起工作。你应该用 Compile with Solidity extension进行编译。这样你就能得到两个插件的好处。
目前，只有在 Juan Blanco 的 Solidity 插件在我们的插件中被调用时，Remix 才能监听到编译的结果。因此，目前不要使用快捷键。
另外，确保编译时选择了对应的.sol 文件（当前活跃的标签）。如果你把插件放在焦点上，它将无法知道你要编译哪个文件。
一旦部署和运行插件被集成--用户将能够用 Remix Solidity 编译器或 Juan Blanco Solidity 插件进行编译，然后部署到公共测试网，并用Remix 调试器进行调试。
Remix 包含了哪些插件
目前可用的插件都是依赖使用编译结果的插件：
Defi Explorer
资源管理器
Defi Explorer 将把 Uniswap 合约加载到文件资源管理器中，这样你就可以玩转这个协议，了解它的工作原理。
EthDoc
EthDoc 文档生成器将 NatSpec 的注释格式化为可读的文档。
Learneth
Learneth
Learneth 是 Remix 中的一个教程框架，用于逐步学习。一些教程包括测试。
1_wRbieQSRL-wbnF8sW9ycCw
从初学者到经验丰富的学习者都有教程。我们已经编写了这些教程，你编写 Learneth 教程并将其托管在你自己的 repo 上也很容易。
一键式 Dapp
一个生成智能合约界面的免费工具。
Sol2UML -创建一个 UML 图
这个插件将在最近编译的 Solidity 文件上创建一个 UML 图。
SolHint Linter
SolHint linter 会给你警告，当你点击一个警告时，它将突出显示相关的代码。
1_9G4_4f2HO4nIslLidrRoHQ
你应该发现 4.22 高亮显示了
Sourcify -- 合约的获取和验证
Sourcify
- 获取合约输入已验证合约的地址来获取合约。
- 用 Sourcify 进行验证目前验证是可用的，但在部署和运行插件被集成到 Remix VSCode 插件中之前，工作流程有点复杂。所以在这个问题上，还请等待。
Tenderly
Remix 和 Tenderly 项目整合。验证合约（尽管这与 Sourcify 验证器的问题相同）。从你的 Tenderly 项目导入 Remix。
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