Merge pull request #486 from Akryum/2017-winter-holidays

🎄 2017 Winter Holidays update

Author: yyx990803

.eslintrc

@@ -9,6 +9,7 @@
   "globals": {
     "bridge": true,
     "chrome": true,
-    "localStorage": true
+    "localStorage": true,
+    "HTMLDocument": true
   }
 }

README.md

@@ -20,6 +20,10 @@ Works with [vuex](https://github.com/vuejs/vuex) for time-travel debugging:
 
 - [Workaround for Safari](https://github.com/vuejs/vue-devtools/blob/master/docs/workaround-for-safari.md)
 
+#### Open component in editor
+
+To enable this feature, follow [this guide](./docs/open-in-editor.md).
+
 ### Manual Installation
 
 **Make sure you are using Node 6+ and NPM 3+**
@@ -66,7 +70,7 @@ Works with [vuex](https://github.com/vuejs/vuex) for time-travel debugging:
 	~~~~
 
 	When using Yarn, just replace `npm` with `yarn`.
-	
+
 
 ### Commom problems and how to fix
 

docs/open-in-editor.md

@@ -0,0 +1,39 @@
+# Open component in editor
+
+## Nuxt.js
+
+Nuxt supports this feature out-of-the-box. Make sure to be in debug mode.
+
+## Webpack
+
+In your Vue project, install the [launch-editor-middleware](https://github.com/yyx990803/launch-editor#middleware) package and modifiy your webpack configuration:
+
+1. Import the package:
+
+```js
+var openInEditor = require('launch-editor-middleware')
+```
+
+2. In the `devServer` option, register the `/__open-in-editor` HTTP route:
+
+```js
+devServer: {
+  before (app) {
+    app.use('/__open-in-editor', openInEditor())
+  }
+}
+```
+
+3. The editor to launch is guessed. You can also specify the editor app with the `editor` option. See the [supported editors list](https://github.com/yyx990803/launch-editor#supported-editors).
+
+```js
+openInEditor({
+  editor: 'code'
+})
+```
+
+4. You can now click on the name of the component in the Component inspector pane (if the devtools knows about its file source, a tooltip will appear).
+
+## Node.js
+
+You can use the [launch-editor](https://github.com/yyx990803/launch-editor#usage) package to setup an HTTP route with the `/__open-in-editor` path. It will receive `file` as an URL variable.