feature: 安装

src/components/navBar.vue

@@ -5,6 +5,7 @@
     </div>
     <div class="menu">
       <RouterLink to="/sdk">SDK</RouterLink>
+      <RouterLink to="/install">安装</RouterLink>
     </div>
   </div>
 </template>

src/router/index.js

@@ -12,6 +12,24 @@ const routes = [
       name: "sdk",
     },
   },
+  {
+    path: "/install",
+    name: "install",
+    component: defineComponent({
+      name: "DynamicComponent",
+      render() {
+        return <router-view></router-view>;
+      },
+    }),
+    children: [
+      {
+        path: "",
+        name: "install",
+        component: () =>
+          import(/* webpackChunkName: "install" */ "../views/install.vue"),
+      },
+    ],
+  },
   {
     path: "/sdk",
     name: "sdk",

src/views/install.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <Block title="Ludash" desc="个人工具集合，如何安装">
+      <p class="demo">DEMO</p>
+      <Codemirror v-model="code" :disabled="true" />
+    </Block>
+  </div>
+</template>
+
+<script setup>
+import Block from "@/components/block.vue";
+import { ref } from "vue";
+import { Codemirror } from "vue-codemirror";
+
+const code = ref(`yarn add https://gitee.com/swust_0602/ludash.git#master`);
+</script>