在vscode中,自定义代码片段,例vue组件的模板
2020-02-03 04:08
1421 查看
1----
2---- 输入vue, 选 vue.json
3---- 在vue.json中编辑, 有说明
a. tab符,要用空格, 也可以转义
4---- 新建vue文件, 输入自定义的关键字, 就出现了
5---- 上图的 自定义的 vd 代码段
"demo": { "prefix": "vd", "body": [ "<template>", " <div class=\"$1\">", " ", " </div>", "</template>", " ", "<script>", "export default {", " name: 'vueName',", " data () {", " return {", " msg:'Welcome to your vueName'", " }", " }", "}", "</script>", " ", "<style scoped lang = \"sass\">", " ", "</style>" ], "description": "自定义的一个vue代码段,测试" }转载于:https://www.cnblogs.com/andy-lehhaxm/p/10412977.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- VSCode 如何操作用户自定义代码片段(快捷键)
- VS Code添加vue的代码片段,光标悬停在class和name上,可快速定义
- VS code 生成vue-cli代码片段
- 在vscode里使用.vue代码模板的方法
- vscode 自定义代码片段
- VS Code添加自定义代码片段
- 使用vscode创建vue代码片段
- 在vscode中快速生成vue代码模板
- VScode用户代码片段——全面快速生成vue片段
- VScode中自定义用户代码片段(C user snippet)自动生成C语言头文件排除重复包含
- vscode 如何创建自定义代码片段
- vscode + vue 自定义模板
- vscode配置总结可收藏/vscode用户设置大全/vue代码模板
- 使用vscode,根据vue基础模板文件生成代码
- 【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解
- VSCode 快速生成vue代码片段
- 使用vscode创建vue代码片段
- VS code自定义用户代码片段snippet
- [小tips]使用vscode,根据vue模板文件生成代码
- 在VScode中创建你的代码模板