diff --git a/src/views/demo/ide/index.vue b/src/views/demo/ide/index.vue
new file mode 100644
index 0000000..c4e332d
--- /dev/null
+++ b/src/views/demo/ide/index.vue
@@ -0,0 +1,17 @@
+<template>
+    <div
+        class="markdown-body"
+        v-html="htmlStr"
+    ></div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { marked } from 'marked';
+import { getMarkdownContent } from '@/utils/tools';
+
+const htmlStr = ref('');
+getMarkdownContent('./md/vscode.md').then((res) => {
+    htmlStr.value = marked(res);
+});
+</script>
diff --git a/src/views/demo/ide/vscode.md b/src/views/demo/ide/vscode.md
new file mode 100644
index 0000000..da22f9e
--- /dev/null
+++ b/src/views/demo/ide/vscode.md
@@ -0,0 +1,5 @@
+## 批量重命名变量
+* 选中其中一个变量名，右键<code>重命名符号</code>(或者快捷键F2), 输入新的变量名，按下回车即可批量重命名变量。会更改页面所有相同的变量名
+
+## 快速选中整行
+* 在当前行鼠标点击三下即可选中整行