vscode配置

设置自定义指令

选择vue.json 使用V就会弹出快捷代码

{
	"Print to console": {
		"prefix": "v",
		"body": [
			"<script setup lang=\"ts\">" ,

			"</script>" ,
			
			"<template>" ,
			  "<div></div>",
			"</template>" ,
			
			"<style scoped lang=\"scss\">" ,
			 
			"</style>" ,

		],
		"description": "Log output to console"
	}
}

插件

elementUi插件
Element Plus Snippets

本地服务器插件
Live Server

要在Visual Studio Code (VSCode) 中使用正则表达式追加内容到匹配的文本后面，你可以利用正则表达式捕获组和替换字符串中的引用。下面是一个基本示例来说明如何操作：

假设你有一段文本，你想在每一行的末尾追加特定的内容，比如在每行的末尾加上"--new content"。

步骤：

1. 打开查找和替换界面：

   • 按 Ctrl + H（Windows/Linux）或 Cmd + Option + F（Mac）。

2. 启用正则表达式模式：

   • 点击查找框旁边的 .* 图标，或者直接按下 Alt + R（Windows/Linux）或 Option + Command + R（Mac）。

3. 编写正则表达式：

   • 在查找框中，如果你想要在每一行的末尾追加内容，实际上你不需要一个特定的正则表达式来匹配内容，因为我们的目的是统一在每一行末尾添加。但是，为了说明如何使用捕获组，假设我们想在以句点.结束的句子后面追加内容，正则表达式可以是 \.($|\s*)。这会匹配句子结尾的句点后面紧跟着的换行符或空白字符（如果有的话）。

4. 编写替换文本：

   • 在替换框中，你可以使用 $0 引用整个匹配的文本，并在其后追加你想要的内容。例如，如果你只是想简单地在每行末尾追加，不需要前面的正则表达式匹配，直接在替换框中输入 $0--new content。如果你使用了上面的正则表达式，替换为 $0 --new content 或 $0\n--new content（取决于是否需要换行）。

5. 执行替换：

   • 点击 Replace All 按钮执行替换操作。

注意：

• 如果你的目的是简单地在每行末尾添加固定内容，而不需要根据匹配内容调整，直接在替换框输入你想要追加的文本，如 --new content，然后进行替换操作即可，无需使用复杂的正则表达式。
• 当处理特殊字符时，确保正确转义它们。例如，\n 表示换行。

通过这种方式，你可以灵活地使用正则表达式和替换功能来追加或修改文本内容。