vscode 快捷键生成vue模板,解决无法生效问题
vscode 快捷键生成vue模板
1.打开
文件--》首选项--》用户片段
2.搜索 选择
3.填写快捷键的代码 ,保存
prefix 表示快捷键为vue
body 表示快捷键后生成的代码
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " $0", " </div>", "</template>", "", "<script>", "", " export default {", " name:'',", " props:[''],", " data () {", " return {", "", " };", " },", "", " components: {},", "", " computed: {},", "", " created() {},", "", " mounted() {},", "", " methods: {},", "", " }", "", "</script>", "<style lang='scss' scoped>", "", "</style>" ], "description": "三线码工vue模板" } }
4.创建vue文件
vscode 快捷键生成vue模板无法生效问题
注意*页面右下角选择语言模式为Vue,要不然不生效,被坑了半小时得到的经验
5.写快捷键vue
6.生成代码
本文来自博客园,作者:三线码工,转载请注明原文链接:https://www.cnblogs.com/shangrao/p/15499819.html