node版本说明：about.md

不适用pug

template/src/devtools/index.js

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

template/src/devtools/panel.js

@@ -1,8 +1,9 @@
 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)
+    el: '#root',
+    render: h => h(root)
 })

template/src/devtools/root.vue

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

template/src/manifest.js

@@ -1,41 +1,40 @@
-
 module.exports = {
-  name: 'Vue Extension',
-  version: '1.0.0',
-  description: 'Vue.js Chrome Extension Template (wcer)',
-  author: 'yura',
-  manifest_version: 2,
-  icons: { '16': 'icons/16.png', '128': 'icons/128.png' },
-  permissions: [
-    '<all_urls>',
-    '*://*/*',
-    'activeTab',
-    'tabs',
-    'cookies',
-    'background',
-    'contextMenus',
-    'unlimitedStorage',
-    'storage',
-    'notifications',
-    'identity',
-    'identity.email'
-  ],
-  browser_action: {
-    default_title: 'title',
-    default_popup: 'pages/popup.html'
-  },
-  background: {
-    persistent: false,
-    page: 'pages/background.html'
-  },
-  devtools_page: 'pages/devtools.html',
-  options_page: 'pages/options.html',
-  content_scripts: [{
-    js: [ 'js/inject.js' ],
-    run_at: 'document_end',
-    matches: ['<all_urls>'],
-    all_frames: true
-  }],
-  content_security_policy: "script-src 'self' 'unsafe-eval'; object-src 'self'",
-  web_accessible_resources: [ 'panel.html', 'js/content.js' ]
+    name: 'Vue Extension',
+    version: '1.0.0',
+    description: 'Vue.js Chrome Extension Template (wcer)',
+    author: 'yura',
+    manifest_version: 2,
+    icons: {'16': 'icons/16.png', '128': 'icons/128.png'},
+    permissions: [
+        '<all_urls>',
+        '*://*/*',
+        'activeTab',
+        'tabs',
+        'cookies',
+        'background',
+        'contextMenus',
+        'unlimitedStorage',
+        'storage',
+        'notifications',
+        'identity',
+        'identity.email'
+    ],
+    browser_action: {
+        default_title: 'title',
+        default_popup: 'pages/popup.html'
+    },
+    background: {
+        persistent: false,
+        page: 'pages/background.html'
+    },
+    devtools_page: 'pages/devtools.html',
+    options_page: 'pages/options.html',
+    content_scripts: [{
+        js: ['js/inject.js'],
+        run_at: 'document_end',
+        matches: ['<all_urls>'],
+        all_frames: true
+    }],
+    content_security_policy: "script-src 'self' 'unsafe-eval'; object-src 'self'",
+    web_accessible_resources: ['panel.html', 'js/content.js']
 }

template/src/options/index.js

@@ -1,8 +1,9 @@
 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)
+    el: '#root',
+    render: h => h(root)
 })

template/src/options/root.vue

@@ -2,17 +2,18 @@
     div options
 </template>
 <script>
-  export default {
-    data: () => ({
-    }),
-    computed: { },
-    created () { },
-    mounted () { },
-    methods: { }
-  }
+    export default {
+        data: () => ({}),
+        computed: {},
+        created() {
+        },
+        mounted() {
+        },
+        methods: {}
+    }
 </script>
 <style>
-  div {
-    color: blue
-  }
+    div {
+        color: blue
+    }
 </style>

template/src/popup/index.js

@@ -7,6 +7,6 @@ Vue.config.productionTip = false
 Vue.use(ElementUI)
 /* eslint-disable no-new */
 new Vue({
-  el: '#root',
-  render: h => h(root)
+    el: '#root',
+    render: h => h(root)
 })

template/src/popup/root.vue

@@ -1,23 +1,26 @@
-<template lang="pug">
-    div
-      el-button(type="primary" @click="tab") New tab 
+<template>
+    <div>
+        666
+        <el-button type="primary" @click="tab">test</el-button>
+    </div>
 </template>
 <script>
-  export default {
-    data: () => ({
-    }),
-    computed: { },
-    created () { },
-    mounted () { },
-    methods: {
-      tab () {
-        chrome.tabs.create({ url: 'pages/app.html' })
-      }
+    export default {
+        data: () => ({}),
+        computed: {},
+        created() {
+        },
+        mounted() {
+        },
+        methods: {
+            tab() {
+                chrome.tabs.create({url: 'pages/app.html'})
+            }
+        }
     }
-  }
 </script>
 <style lang="scss">
-  div {
-    color: blue
-  }
+    div {
+        color: blue
+    }
 </style>

template/src/tab/index.js

@@ -1,8 +1,9 @@
 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)
+    el: '#root',
+    render: h => h(root)
 })

template/src/tab/root.vue

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