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
```
2016-03-03 18:32:52 +01:00
### Developing with Gulp
We're using an experimental version of `gulp-cli` , so if you have the old version of gulp, you'll need to uninstall it, `npm uninstall -g gulp` , and install this one instead:
```bash
npm install gulpjs/gulp-cli#4.0 -g
```
After that, you can just:
```bash
gulp 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!