Remix IDE 发布了 VSCode 插件

现在可以在 VSCode 上使用 Remix 啦

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

或者前往VSCode网站上的Remix插件页面

在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和它的README文件的说明。

让我们知道你的想法

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


本翻译由 Cell Network 赞助支持。

点赞 3
收藏 5
分享
本文参与登链社区写作激励计划 ,好文好收益,欢迎正在阅读的你也加入。

1 条评论

请先 登录 后评论
翻译小组
翻译小组
0x9e64...7c84
大家看到好的文章可以在 GitHub 提 Issue: https://github.com/lbc-team/Pioneer/issues 欢迎关注我的 Twitter: https://twitter.com/UpchainDAO