2015-12-21 01:25:45 +01:00
|
|
|
# Metamask Plugin
|
|
|
|
|
|
|
|
|
|
## Development
|
|
|
|
|
|
|
|
|
|
```bash
|
2016-02-08 20:52:06 +01:00
|
|
|
npm install --global grunt-cli
|
2015-12-21 01:25:45 +01:00
|
|
|
npm install
|
|
|
|
|
grunt dev
|
|
|
|
|
```
|
2015-12-21 01:31:44 +01:00
|
|
|
|
|
|
|
|
### In Chrome
|
|
|
|
|
|
|
|
|
|
Open `Settings` > `Extensions`.
|
2016-02-08 21:07:29 +01:00
|
|
|
|
|
|
|
|
Check "Developer mode".
|
|
|
|
|
|
2015-12-21 01:31:44 +01:00
|
|
|
At the top, click `Load Unpacked Extension`.
|
2016-02-08 21:07:29 +01:00
|
|
|
|
|
|
|
|
Navigate to your `metamask-plugin/dist` folder.
|
|
|
|
|
|
2015-12-21 01:31:44 +01:00
|
|
|
Click `Select`.
|
|
|
|
|
|
|
|
|
|
You now have the plugin, and can click 'inspect views: background plugin' to view its dev console.
|
2016-03-02 21:14:23 +01:00
|
|
|
|
|
|
|
|
### Developing the UI
|
|
|
|
|
|
2016-03-02 21:48:15 +01:00
|
|
|
To enjoy the live-reloading that `grunt dev` offers while working on the `metamask-ui` or `web3-provider-enigne` dependencies:
|
2016-03-02 21:14:23 +01:00
|
|
|
|
2016-03-02 21:48:15 +01:00
|
|
|
1. Clone the dependency locally.
|
2016-03-02 21:14:23 +01:00
|
|
|
2. `npm install` in its folder.
|
|
|
|
|
3. Run `npm link` in its folder.
|
2016-03-02 21:48:15 +01:00
|
|
|
4. Run `npm link $DEP_NAME` in this project folder.
|
|
|
|
|
5. Next time you `grunt dev` it will watch the dependency for changes as well!
|
