init

template/src/devtools/index.js

@@ -0,0 +1,3 @@
+chrome.devtools.panels.create('panel', 'img/logo.png', 'pages/panel.html', function (panel) {
+  console.log('hello from callback')
+})

template/src/devtools/panel.js

@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import root from './root.vue'
+Vue.config.productionTip = false
+/* eslint-disable no-new */
+new Vue({
+  el: '#root',
+  render: h => h(root)
+})

template/src/devtools/root.vue

@@ -0,0 +1,18 @@
+<template lang="pug">
+    div devtools
+</template>
+<script>
+  export default {
+    data: () => ({
+    }),
+    computed: { },
+    created () { },
+    mounted () { },
+    methods: { }
+  }
+</script>
+<style lang="scss">
+  div {
+    color: blue
+  }
+</style>