初步完成适配

cc-inspector/src/scripts/background.ts

@@ -0,0 +1 @@
+console.log("background");

cc-inspector/src/scripts/content.ts

@@ -0,0 +1 @@
+console.log("content.ts");

cc-inspector/src/scripts/inject.ts

@@ -0,0 +1,3 @@
+console.log("injected");
+const a = 1;
+const b = 2;

cc-inspector/src/views/devtools/index.ts

@@ -0,0 +1,15 @@
+import { createApp } from "vue";
+import App from "./index.vue";
+import CCP from "cc-plugin/src/ccp/entry-render";
+import pluginConfig from "../../../cc-plugin.config";
+import ccui from "@xuyanfeng/cc-ui";
+import "@xuyanfeng/cc-ui/dist/ccui.css";
+import "@xuyanfeng/cc-ui/iconfont/iconfont.css";
+
+export default CCP.init(pluginConfig, {
+  ready: function (rootElement: any, args: any) {
+    const app = createApp(App);
+    app.use(ccui);
+    app.mount(rootElement);
+  },
+});

cc-inspector/src/views/devtools/index.vue

@@ -0,0 +1,20 @@
+<template>
+    <div class="devtools">devtools</div>
+  </template>
+  <script lang="ts">
+  import { defineComponent, onMounted, ref, provide, nextTick } from "vue";
+  export default defineComponent({
+    name: "devtools",
+    components: {},
+    setup(props, ctx) {
+      return {}; 
+    },
+  });
+  </script>
+  <style scoped lang="less">
+  .devtools {
+      widows: 10px;
+      height: 10px;
+      background-color: rebeccapurple;
+  }
+  </style>

cc-inspector/src/views/options/index.ts

@@ -0,0 +1,15 @@
+import { createApp } from "vue";
+import App from "./index.vue";
+import CCP from "cc-plugin/src/ccp/entry-render";
+import pluginConfig from "../../../cc-plugin.config";
+import ccui from "@xuyanfeng/cc-ui";
+import "@xuyanfeng/cc-ui/dist/ccui.css";
+import "@xuyanfeng/cc-ui/iconfont/iconfont.css";
+
+export default CCP.init(pluginConfig, {
+  ready: function (rootElement: any, args: any) {
+    const app = createApp(App);
+    app.use(ccui);
+    app.mount(rootElement);
+  },
+});

cc-inspector/src/views/options/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="options">options</div>
+</template>
+<script lang="ts">
+import { defineComponent, onMounted, ref, provide, nextTick } from "vue";
+export default defineComponent({
+  name: "options",
+  components: {},
+  setup(props, ctx) {
+    return {}; 
+  },
+});
+</script>
+<style scoped lang="less">
+.options {
+    widows: 10px;
+    height: 10px;
+    background-color: rebeccapurple;
+}
+</style>

cc-inspector/src/views/popup/index.ts

@@ -0,0 +1,15 @@
+import { createApp } from "vue";
+import App from "./index.vue";
+import CCP from "cc-plugin/src/ccp/entry-render";
+import pluginConfig from "../../../cc-plugin.config";
+import ccui from "@xuyanfeng/cc-ui";
+import "@xuyanfeng/cc-ui/dist/ccui.css";
+import "@xuyanfeng/cc-ui/iconfont/iconfont.css";
+
+export default CCP.init(pluginConfig, {
+  ready: function (rootElement: any, args: any) {
+    const app = createApp(App);
+    app.use(ccui);
+    app.mount(rootElement);
+  },
+});

cc-inspector/src/views/popup/index.vue

@@ -0,0 +1,20 @@
+<template>
+    <div class="popup">popup</div>
+  </template>
+  <script lang="ts">
+  import { defineComponent, onMounted, ref, provide, nextTick } from "vue";
+  export default defineComponent({
+    name: "popup",
+    components: {},
+    setup(props, ctx) {
+      return {}; 
+    },
+  });
+  </script>
+  <style scoped lang="less">
+  .popup {
+      widows: 10px;
+      height: 10px;
+      background-color: rebeccapurple;
+  }
+  </style>