From b1ee272a82ca5c278cb460b05f0fdeecf9730aa2 Mon Sep 17 00:00:00 2001
From: LCJ-MinYa <1049468118@qq.com>
Date: Wed, 10 Sep 2025 10:38:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B8=B8=E7=94=A8vscode=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E7=89=87=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/demo/ide/vscode.md | 61 ++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

diff --git a/src/views/demo/ide/vscode.md b/src/views/demo/ide/vscode.md
index da22f9e..ea82d66 100644
--- a/src/views/demo/ide/vscode.md
+++ b/src/views/demo/ide/vscode.md
@@ -3,3 +3,64 @@
 
 ## 快速选中整行
 * 在当前行鼠标点击三下即可选中整行 
+
+## vscode常用代码片段
+* ①. **vue3引入markdown模版**
+```json
+{
+    "Render Markdown in Vue3": {
+        "prefix": "lcj_vue3_md_tmp",
+        "body": [
+            "<template>",
+            "    <div",
+            "        class=\"markdown-body\"",
+            "        v-html=\"htmlStr\"",
+            "    />",
+            "</template>",
+            "",
+            "<script setup>",
+            "import { ref } from 'vue';",
+            "import { marked } from 'marked';",
+            "import { getMarkdownContent } from '@/utils/tools';",
+            "",
+            "const htmlStr = ref('');",
+            "",
+            "getMarkdownContent('./md/${TM_FILENAME_BASE}.md').then((res) => {",
+            "    htmlStr.value = marked(res);",
+            "});",
+            "</script>"
+        ],
+        "description": "在vue3中渲染markdown"
+    }
+}
+```
+
+* ②. **vue3引入less样式**
+```json
+{
+    "Render DemoItem in Vue3": {
+        "prefix": "lcj_vue3_item_tmp",
+        "body": [
+            "<template>",
+            "    <div class=\"p-5 space-y-5 !bg-gray-100\">",
+            "        <el-card header=\"$1\">",
+            "        </el-card>",
+            "    </div>",
+            "</template>",
+            "",
+            "<script setup>",
+            "import { ref } from 'vue';",
+            "</script>",
+            "",
+            "<style lang=\"scss\" scoped>",
+            "</style>",
+        ],
+        "description": "vue3中基本示例组件"
+    }
+}
+```
+
+## 特殊符号
+```
+① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩
+```