# :-: VSCode添加自定义模板 一、软件步骤 英文： File–Preferences–User Snippets 中文：文件–首选项–用户代码片段 用快捷：Ctrl + Shift + P唤出控制台 二、操作步骤 搜索html模板,搜索vue模板 然后输入“snippets”并选择，接着输入vue，vs code自动生成vue.json文件 三、设置.json数组格式 ``` { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>123</div>", "</template>", "", "<script>", "export default {", " name: '',", " data() {", " return {", " };", " },", " watch: {},", " computed: {},", " methods: {},", " created() {},", " mounted() {}", "};", "</script>", "", "<style lang=\"scss\" scoped>", "", "</style>", "", ], "description": "Log output to console" } } ```