How to use remix-IDE at your local computer

1. Install and launch local remix-IDE (v0.24.1)

1.1. Version check:

Use command below to make sure npm version >= 6.14.15 when you use remix-IDE v0.24.1:

npm -v

1.2. Install dependicies:

yarn global add @nrwl/cli
npm install -g nx

1.3. Check sources:

Now get the source codes named “remix-project” with command below:

git clone -b master https://github.com/ethereum/remix-project.git

1.4. Build project:

yarn run build:libs
nx build

1.5. Launch remix-IDE:

nx serve

1.6. After these operations, you’ll get this:

2. Install and launch remixd

2.1. Install

npm install -g @remix-project/remixd

2.2. Launch

Example command : remixd -s </path/to/working/directory/> -u <http://url-of-REMIX-IDE-which-access-to-local-files:8080>

Description at official url (https://remix-ide.readthedocs.io/en/latest/remixd.html) like this:

Here I use the local path “D:\code” to start my remixd:

remixd -s D:\\code -u http://127.0.0.1:8080

and consequently I got this:

3. Use local remix-IDE

3.1. Open

Open local remix-IDE at “http://localhost:8080” in internet browser.

3.2. Choose workspace

Choose workspace to “- connect to local-”:

3.3. Connect:

Confirm the notice, submit “connect” button like below:

3.4. Result:

You will see the projects list in the local file system path which you set at the step “launch remixd”, E.G. D:\code

4. References

<Remix Project> : https://github.com/ethereum/remix-project

<Remixd: Access your Local Filesystem> : https://remix-ide.readthedocs.io/en/latest/remixd.html