VScode使用用户代码片段快速生成自定义代码

我们知道，在VScode中编辑HTML代码时，使用！+Tab组合键快速生成一个HTML框架。而在VScode中，提供了一种方式，可以让我们自定义代码片段，以便我们通过组合键+Tab快速输入常用的代码框架（例如Vue框架）。这样就避免了反复输入代码框架问题，从而提高代码效率。

1.准备一段你想要快速输入的代码

此处以Vue代码框架举例，说明两点：

需要把title标签中的内容替换成${TM_FILENAME_BASE}，这样可以自动填充Title名。
$1为快捷键光标停留位置，若不存在标签，则光标默认停留在最后。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>${TM_FILENAME_BASE}</title>
	<!-- 导入vue包 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
        <div id="app">
            
        <script>
            var app=new Vue({
                el:"#app",
                data:{
                   $1 //此处为光标停留的位置
                },
            })
        </script>
</body>
</html>