一、安装

为了方便起见，我们使用在线地址 remix

image

大致看起来是这样的。

二、链接本地文件

在进入到web之后，我们看到的就是一个页面，但是这个页面的存储在本地是没有数据的。为了方便自己的使用，我们将开启remix的本地文件系统，也就是说，我们在本地创建一个文件夹，在web站上就可以直接使用这个文件夹，和我们使用应用是一样的。

1、在本地创建一个文件夹

我创建了一个文件夹，如下：

image

特别注意

在创建好的文件夹下一定要创建 contracts 文件夹，否则后面使用的话，会报错误

<pre class="custom" data-tool="mdnice编辑器" style="margin-top: 10px; margin-bottom: 10px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;">Error: Error: ENOENT: no such file or directory, scandir '/Users/arige/Documents/dapp/remixd/contracts' </pre>

2、安装remixd

全局安装

<pre class="custom" data-tool="mdnice编辑器" style="margin-top: 10px; margin-bottom: 10px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;">npm install -g @remix-project/remixd </pre>

如果只是在当前可用的话，去掉上面的 -g

<pre class="custom" data-tool="mdnice编辑器" style="margin-top: 10px; margin-bottom: 10px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;">npm install @remix-project/remixd </pre>

等待安装，安装完成后，可以在终端输入

remixd -v 或者 remixd --version

显示remix版本，则是安装成功了

image

至此，安装完成。

3、连接本地文件夹

执行如下命令 请将中间的，我的地址换成你的共享地址

<pre class="custom" data-tool="mdnice编辑器" style="margin-top: 10px; margin-bottom: 10px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;">remixd -s /Users/arige/Documents/dapp/remixd --remix-ide https://remix.ethereum.org </pre>

当你看到如下信息，就是在电脑端已经准备好了