NO.4 Remix IDE 使用与 VSCode 搭建 Solidity 开发环境

本合集文章，授权转载，侵权必究。
Web 3.0世界系列文章
来源：代码与野兽

Web3 系列文章：

NO.1 遇见Web3: 在 Web3 的世界中写下第一行 HelloWorld

NO.2 全面系统的 Web3 学习路线，助你成为 Web3 开发专家

NO.3 Web3世界：区块链、比特币、以太坊和智能合约

智能合约的默认编辑器是 Remix，它默认是运行在浏览器中的。

我们打开 remix.ethereum.org 就可以看到 Remix 编辑器了。需要注意这个域名是 Remix 的唯一域名。

它的功能比较简单，和 VSCode 有些像，我简单介绍一下它的主要功能。

左侧四个菜单栏是它的主要功能。

我们通常不会直接在这里进行开发，而是在 VSCode 中进行开发，然后将本地的代码连接到浏览器的 Remix 中。但是可以在这里写一些测试或者 Demo。

搜索栏和 VSCode 的搜索栏基本上没有什么区别，通常就是全局搜索一些关键字，或者全局替换之类的。

编译是比较重要的一部分，这里我要多讲一下。

solidity 的版本是可以有区间的，不过建议锁定一个版本，因为如果要在区块链浏览器中公开智能合约代码的话，必须填写编译和部署的参数。如果设置成区间，很容易忘记编译时所选择的版本，导致无法公开智能合约代码。

include nightly builds：是夜间编译，通常是指每晚编译，也就是指每天晚上程序员下班后进行的编译，这时进行编译的代码是没有完成的。我们不需要勾选。
auto compile：自动编译，当文件的内容发生变化时会自动编译，如果项目比较小，可以打开，但是如果项目比较大，那么不建议打开。因为会让浏览器卡顿。而且我们可以按 ctrl+s 的快捷键来编译，不需要这个功能。
hide warnings：隐藏警告。这个选项建议始终打开，显示警告可以帮助我们避免很多问题。

Advanced Configurations 是编译的高级选项。

language：是编程语言，默认 solidity，不需要修改。
EVM Version：这个是 EVM 的版本，暂时也不需要修改。
Enable Optimization：这个选项是代码优化。代码编译是有上限的，如果项目提及非常大，超过了这个限制，就无法编译成功。开启代码优化后，可以减小代码的体积，让智能合约容易通过。并且还可以减少合约部署的 gas 费和外部调用的 gas 费，所以我们最好打开这个选项。代码优化的级别是数字，选择默认 200 就可以了。
Use configuration file：我们也可以自己编写编译配置文件。等后面再说这个，现在不开启。

选择完配置参数，就可以点击 Compile 按钮进行编译了。

编译完成后编译图标会出现一个绿色的对勾，表示编译成功。

同时还会输出 ABI 和 Bytecode，这两个东西我会在后面的文章中讲到。

部署也非常重要，我也对这部分进行详细的介绍。

Eevironment：虚拟机环境。虚拟机有很多，默认的是 Remix VM，也就是浏览器虚拟机，在之前的版本中也叫做 JavaScript VM。当浏览器刷新时，旧链会被清除。我们做一些简单的测试可以使用它。如果合约中有一些买币卖币的逻辑需要测试，那么就需要选择 Injected Provider-Metamask。这样就可以连接到 Metamask 钱包，在真实网络的测试链中进行测试。
Account 是一些和当前环境关联的账户列表，里面会包含一些 Ether，可以用来测试。
Gas limit：智能合约可以从用户手中最大的 gas 费用限制，默认是 3000000，目的是为了防止智能合约程序出错，收取过高的 gas 费用。通常不建议修改。
Value：发送到合约或调用函数所需要支付的 ETH、WEI、GWEI 等，默认是 0，不需要修改。
Contract：就是我们需要选择的合约。如果有多个合约，就去选择要部署的那个合约。
Publish to IPFS：发布到星际网络，不需要开启。

配置好之后就可以点击 Deploy 进行部署了。

部署成功后 Deployed Contracts 这部分会有部署好的智能合约地址。

它会有一些蓝色的按钮和黄色的按钮。蓝色按钮表示获取链上数据，黄色按钮表示修改链上数据。修改链上数据需要支付 gas 费。