VScode用户代码片段——全面快速生成vue片段
2019-09-14 11:33
477 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/hui_54520/article/details/100824721
在VScode编译器中,文件 – 首选项 – 用户代码片段
输入:vue 回车键自动生产vue.code-snippets
输入以下代码:这样当你输入vue的时候,就可以快速生成这些代码片段。
注:配置没有生效记得重启软件
"Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", " export default {", " data () {", " return {\n", " }", " },", " created() {\n", " },", " methods: {\n", " }", " }", "</script>\n", "<style lang='less' scoped>\n", " ", "</style>", "$2" ], "description": "Log output to console" }
相关文章推荐
- VSCode 快速生成vue代码片段
- egg.js目录结构、vscode中快速生成egg代码片段
- VScode中自定义用户代码片段(C user snippet)自动生成C语言头文件排除重复包含
- 在vscode中快速生成vue代码模板
- VS Code添加vue的代码片段,光标悬停在class和name上,可快速定义
- [小tips]使用vscode,根据vue模板文件生成代码
- VS code自定义用户代码片段snippet
- 使用vscode创建vue代码片段
- vscode配置总结可收藏/vscode用户设置大全/vue代码模板
- VSCode 如何操作用户自定义代码片段(快捷键)
- 使用vscode创建vue代码片段
- 【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解
- 使用vscode,根据vue基础模板文件生成代码
- vscode编写代码快速生成html模板
- 对比两款VS代码生成工具 CodeRush&ReSharper
- VScode扩展插件使less文件实时生成css代码
- VS Code .vue文件代码缩进以及格式化代码
- vsCode 设置vue 保存自动格式化代码
- 如何在VScode中添加代码片段
- 利用vscode代码片段,设置文件头(fileheader)信息