diff --git a/Web/package.json b/Web/package.json
index abf7a04a8..92a356831 100644
--- a/Web/package.json
+++ b/Web/package.json
@@ -39,11 +39,12 @@
     "serve-handler": "^6.1.3"
   },
   "dependencies": {
-    "vant": "^3.1.0-beta.0",
-    "vue": "^3.2.21",
+    "@dokit/web": "file:packages/web",
     "@dokit/web-core": "file:packages/core",
+    "@dokit/web-independent": "file:packages/web-independent",
     "@dokit/web-utils": "file:packages/utils",
-    "@dokit/web": "file:packages/web",
-    "@dokit/web-independent": "file:packages/web-independent"
+    "qrcodejs2-fix": "^0.0.1",
+    "vant": "^3.1.0-beta.0",
+    "vue": "^3.2.21"
   }
 }
diff --git a/Web/packages/web/src/feature.js b/Web/packages/web/src/feature.js
index 0fccb245e..454ddd3be 100644
--- a/Web/packages/web/src/feature.js
+++ b/Web/packages/web/src/feature.js
@@ -13,12 +13,13 @@ import HelloWorld from './components/ToolHelloWorld'
 import Resource from './plugins/resources/index'
 import ApiMock from './plugins/api-mock/index'
 import WebVitals from './plugins/web-vitals-time/index'
+import BasicTools from './plugins/basic-tools/index'
 
 import {IndependPlugin, RouterPlugin} from '@dokit/web-core'
 
 export const BasicFeatures = {
   title: '常用工具',
-  list: [Console, AppInfo, Resource, Network, Storage, DemoPlugin, DemoIndependPlugin, H5DoorPlugin, WebVitals, Element, OneMachineWithMultipleControls, scanCode]
+  list: [Console, AppInfo, Resource, Network, Storage, DemoPlugin, DemoIndependPlugin, H5DoorPlugin, WebVitals, Element, OneMachineWithMultipleControls, scanCode,BasicTools]
   // list: [Console, AppInfo, Resource, Network, Storage, H5DoorPlugin]
 }
 
diff --git a/Web/packages/web/src/plugins/basic-tools/app.vue b/Web/packages/web/src/plugins/basic-tools/app.vue
new file mode 100644
index 000000000..8928c88dc
--- /dev/null
+++ b/Web/packages/web/src/plugins/basic-tools/app.vue
@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <div class="header">
+      <button @click="update()">刷新页面</button>
+      <button @click="creatQrCode()">生成二维码</button>
+    </div>
+    <div id="qrcode"></div>
+  </div>
+</template>
+
+<script>
+import QRCode from 'qrcodejs2-fix'
+export default {
+  data(){
+    return{
+    }
+  },
+  methods:{
+    update(){
+      location.reload()
+    },
+    creatQrCode() {
+      var qrcode = new QRCode(document.getElementById("qrcode"), {
+        text: ' http://localhost:3000', // 需要转换为二维码的内容
+        width: 100,
+        height: 100,
+        colorDark: '#000000',
+        colorLight: '#ffffff',
+        correctLevel: QRCode.CorrectLevel.H
+      })
+    },
+  },
+}
+</script>
+
+
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/Web/packages/web/src/plugins/basic-tools/index.js b/Web/packages/web/src/plugins/basic-tools/index.js
new file mode 100644
index 000000000..5eeefdfd1
--- /dev/null
+++ b/Web/packages/web/src/plugins/basic-tools/index.js
@@ -0,0 +1,9 @@
+import BaiscTools from './app.vue'
+import {RouterPlugin} from '@dokit/web-core'
+
+export default new RouterPlugin({
+    nameZh: '快捷工具',
+    name: 'basic-tools',
+    icon: 'https://pt-starimg.didistatic.com/static/starimg/img/jvD7qcMXX51645432343946.png',
+    component:BaiscTools
+})
\ No newline at end of file