Remix IDE 发布了 VSCode 插件

现在可以在 VSCode 上使用 Remix 啦

> * 原文:https://medium.com/remix-ide/a-remix-ide-extension-for-vscode-1f751fdeee46 作者: [Rob Stupay](https://ryestew.medium.com/) > * 译文出自:[登链翻译计划](https://github.com/lbc-team/Pioneer) > * 译者:[翻译小组](https://learnblockchain.cn/people/412) > * 校对:[Tiny 熊](https://learnblockchain.cn/people/15) > * 本文永久链接:[learnblockchain.cn/article…](https://learnblockchain.cn/article/2443) Remix项目--包括Remix IDE及其相关库,发布了VSCode的Remix插件的测试版本。现在可以在VSCode的插件市场上搜索:**Remix** 或者前往[VSCode网站上的Remix插件页面](https://marketplace.visualstudio.com/items?itemName=RemixProject.ethereum-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](https://img.learnblockchain.cn/pics/20210425211213.gif) ## 编译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](https://img.learnblockchain.cn/pics/20210425211233.png) 这里使用Remix Solidity Compiler模式,然后选择编译器版本: ![Solidity](https://img.learnblockchain.cn/pics/20210425210849.png) ### 启动编译器 点击进入带有Solidity文件的面板,使其成为活动标签。 - 使用命令面板 ( Shift+cmd+p ) 并输入编译。你会在那里看到两个编译器选项(假设你已经激活了Juan Blanco的Solidity插件)。 ![编译器](https://img.learnblockchain.cn/pics/20210425211259.png) 选择一个,在输出面板上你应该看到类似的内容: ![编译](https://img.learnblockchain.cn/pics/20210425211319.png) ## 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 ![资源管理器](https://img.learnblockchain.cn/pics/20210425211009.png) Defi Explorer将把Uniswap合约加载到文件资源管理器中,这样你就可以玩转这个协议,了解它的工作原理。 ### EthDoc EthDoc文档生成器将NatSpec的注释格式化为可读的文档。 ### Learneth ![Learneth](https://img.learnblockchain.cn/pics/20210425211032.png) Learneth是Remix中的一个教程框架,用于逐步学习。一些教程包括测试。 ![1_wRbieQSRL-wbnF8sW9ycCw](https://img.learnblockchain.cn/pics/20210425211050.png) 从初学者到经验丰富的学习者都有教程。我们已经编写了这些教程,你编写Learneth教程并将其托管在你自己的 repo 上也很容易。 ### 一键式Dapp 一个生成智能合约界面的免费工具。 ### Sol2UML -创建一个UML图 这个插件将在最近编译的Solidity文件上创建一个UML图。 ### SolHint Linter SolHint linter会给你警告,当你点击一个警告时,它将突出显示相关的代码。 ![1_9G4_4f2HO4nIslLidrRoHQ](https://img.learnblockchain.cn/pics/20210425211108.png) 你应该发现 4.22 高亮显示了 ### Sourcify -- 合约的获取和验证 ![Sourcify](https://img.learnblockchain.cn/pics/20210425211130.png) - **获取合约** 输入已验证合约的地址来获取合约。 - **用Sourcify进行验证** 目前验证是可用的,但在部署和运行插件被集成到Remix VSCode插件中之前,工作流程有点复杂。所以在这个问题上,还请等待。 ### Tenderly Remix和Tenderly项目整合。验证合约(尽管这与Sourcify验证器的问题相同)。从你的Tenderly项目导入Remix。 ![Tenderly](https://img.learnblockchain.cn/pics/20210425211145.png) ### 想在VSCode中为Remix编写一些插件? 请查看[ remix-vscode repo](https://github.com/ethereum/remix-vscode)和它的[README](https://github.com/ethereum/remix-vscode#load-a-development-plugin)文件的说明。 ## 让我们知道你的想法 Remix的VSCode处于Beta阶段--所以你的任何反馈都将是非常有用的。 --- 本翻译由 [Cell Network](https://www.cellnetwork.io/?utm_souce=learnblockchain) 赞助支持。

  • 原文:https://medium.com/remix-ide/a-remix-ide-extension-for-vscode-1f751fdeee46 作者: Rob Stupay
  • 译文出自:登链翻译计划
  • 译者:翻译小组
  • 校对:Tiny 熊
  • 本文永久链接:learnblockchain.cn/article…

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图标,你会在左侧面板上看到可用插件。
  • 然后要激活你想用的插件,点击该插件,就会有一个激活模式提示菜单。

编译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 Solidity Compiler模式,然后选择编译器版本:

启动编译器

点击进入带有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是Remix中的一个教程框架,用于逐步学习。一些教程包括测试。

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

一键式Dapp

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

Sol2UML -创建一个UML图

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

SolHint Linter

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

你应该发现 4.22 高亮显示了

Sourcify -- 合约的获取和验证

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

Tenderly

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

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

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

让我们知道你的想法

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

本翻译由 Cell Network 赞助支持。

区块链技术网。

  • 发表于 2021-04-26 10:00
  • 阅读 ( 1447 )
  • 学分 ( 122 )
  • 分类:Solidity

评论