# 开发智能合约的极简主义配置：vscode+remix+github

By [choovybi](https://paragraph.com/@choovybi) · 2022-10-25

---

⌈工欲善其事，必先利其器⌋，本文将介绍一套极简的智能合约开发配置，只需要vscode、remix和github就能够进行以太坊合约的开发、部署、测试和代码保存，[欢迎交流](https://linktr.ee/choovybi)。

vscode
------

### 编辑器下载

智能合约开发主要使用solidity语言，本文选用插件丰富的vscode作为编辑器，[点击下载vscode](https://code.visualstudio.com/)。

![选择合适的下载版本](https://storage.googleapis.com/papyrus_images/d3899713b2f5d0fc41801e404fd71bb455b26b29a6ce67f02529f244aa3a5888.jpg)

选择合适的下载版本

### 安装插件

vscode下载安装后，点击左侧扩展，在上方依次搜索并安装⌈Chinese(Simplified)⌋、⌈Ethereum Remix⌋和⌈solidity⌋三个插件，之后重启vscode。

![vscode安装插件](https://storage.googleapis.com/papyrus_images/f7c6e8523557324a6c81ce10048bd015b457f07ce8a921d152e5116aa5dab643.jpg)

vscode安装插件

### 指定workspace

新建一个文件夹作为workspace，vscode重启如下所示，依次⌈打开文件夹⌋-⌈选择新建的文件夹⌋-⌈新建文件⌋-⌈命名XXX.sol⌋，之后就可以正常编写sol文件，⌈solidity⌋插件会提供语法高亮等支持。

![新建workspace和.sol文件](https://storage.googleapis.com/papyrus_images/bb81a7960c1333b32a7a8116007baa87fa9fcd06437db24772aeaa804850c356.jpg)

新建workspace和.sol文件

remix
-----

合约编写完成后需要remix进行编译、部署和测试。

### 开启本地remix

⌈Ethereum Remix⌋-⌈Start remixed client⌋-⌈Start⌋开启本地连接，值得一提⌈Ethereum Remix⌋也可以本地编译，但要注意编译器版本与sol文件中的匹配。

![start remixed client](https://storage.googleapis.com/papyrus_images/fe9f4e1f06413bcd1cfc00b683c69b257827d872e7ce62e0656fe7743cee5e02.jpg)

start remixed client

### remix连接本地

打开[remix主页](https://remix.ethereum.org/)，⌈File explorer⌋-⌈Workspace⌋-⌈connect to localhost⌋连接到本地workspace。

![连接到本地](https://storage.googleapis.com/papyrus_images/17c0bf886a3aa0af43a5c571b6c3d632c3fdf5a9f529bb6c17835b7d45a27be6.jpg)

连接到本地

### 编译

⌈Solidity complier⌋-⌈更改complier version⌋-⌈Compile⌋进行sol文件编译，没有弹出红色error则编译成功，或者也可以⌈Ctrl + s⌋快速编译。

![编译sol文件](https://storage.googleapis.com/papyrus_images/a984e47476d22496760b44d923a3a82b0b1116f372d587641f90b5e0d47f881f.jpg)

编译sol文件

### 部署

⌈Deploy & run transactions⌋-⌈选择环境（VM）⌋-⌈选择部署者账号⌋-⌈选择部署的合约⌋-⌈Deploy⌋部署者将合约部署在指定的环境。

![合约部署](https://storage.googleapis.com/papyrus_images/147db8b5be3edc603f0cd6cdab5e5c13f8a066af85edc9fc850556687e9d0031.jpg)

合约部署

### 测试

部署之后的合约可以⌈选择账户⌋-⌈选择金额⌋-⌈调用函数⌋来进行交互，测试智能合约的功能是否正常实现。

![合约交互](https://storage.googleapis.com/papyrus_images/8977cf8e410d69544d4934a669a2d1fab29fd2e02f038fbec67099025989d422.jpg)

合约交互

github
------

合约测试成功以后可以上传到github的gist保存。

### Personal Access Tokens

打开[github网页](https://github.com/settings/tokens/new)，⌈Tokens(classic)⌋-⌈命名⌋-⌈选择到期时间⌋-⌈勾选gits⌋-⌈Generate Token⌋生成github的access token，立即复制token。

![生成Personal Access Token](https://storage.googleapis.com/papyrus_images/0d1f8f098a77047b8967ebfde73a209523fd94c5fcdb0a09af5255e149defc25.jpg)

生成Personal Access Token

### 代码保存

回到[remix主页](https://remix.ethereum.org/)，⌈Settings⌋-⌈粘贴TOKEN⌋-⌈填写Github用户名、邮箱⌋-⌈Save⌋保存access token。

![保存GitHub Access Token](https://storage.googleapis.com/papyrus_images/3f86a3b6378d03a931f417258f8497fed3404d53c69c185a5a6b8e6a0638a906.jpg)

保存GitHub Access Token

⌈右键文件⌋-⌈Publish file to gist⌋将合约文件上传到gist，进入[www.gist.github.com/username网页（username是个人的github名称）即可查看刚才上传到gist的文件。](http://www.gist.github.com/username%E7%BD%91%E9%A1%B5%EF%BC%88username%E6%98%AF%E4%B8%AA%E4%BA%BA%E7%9A%84github%E5%90%8D%E7%A7%B0%EF%BC%89%E5%8D%B3%E5%8F%AF%E6%9F%A5%E7%9C%8B%E5%88%9A%E6%89%8D%E4%B8%8A%E4%BC%A0%E5%88%B0gist%E7%9A%84%E6%96%87%E4%BB%B6%E3%80%82)

![上传到gist](https://storage.googleapis.com/papyrus_images/4a03d5195f06271af7f9c0704b3a167c555344f6f4c1d06f539458e2a747b2ce.jpg)

上传到gist

尾记
--

在remix中，部署在VM环境的合约可以进行测试，部署在MetaMask、Wallet Connect、Layer 2等环境的合约可以供他人使用，后者可能会造成巨大的经济损失，需要开发者额外注意。

今天就到这里，再见。

[Subscribe](null)

参考文章

[https://remix-ide.readthedocs.io/en/latest/](https://remix-ide.readthedocs.io/en/latest/)

[https://solidity-cn.readthedocs.io/zh/develop/](https://solidity-cn.readthedocs.io/zh/develop/)

[https://code.visualstudio.com/docs](https://code.visualstudio.com/docs)

[https://docs.github.com/cn/pages](https://docs.github.com/cn/pages)

---

*Originally published on [choovybi](https://paragraph.com/@choovybi/vscode-remix-github)*
