• 售前

  • 售后

热门帖子
入门百科

vscode自定义vue模板的实现

[复制链接]
忆神姆原们 显示全部楼层 发表于 2021-10-25 19:41:29 |阅读模式 打印 上一主题 下一主题
用vscode编辑器创建vue模板,再也不消每次新建vue文件的时候都去一遍遍的重复敲某些代码片断。输入 vue 再按回车键,即可天生自界说的vue文件内容,相称的好使,开辟效率蹭蹭的上去了。
打开vscode,选择文件 > 首选项 > 用户片断。随后在出现的输入框内输入vue,按回车键。打开了一个叫vue.json的文件。如图:

图片内容已经是添加了相应的模板内容了,解释下,prefix字段表现的是自界说指令,就是我们在vue文件内里输入的vue标签,按回车即可天生自界说的文件内容;body内里就是我们自界说的内容了。\t是制表符,我这里重要是做格式化代码用
创建完vue模板后,就可以通过vue来创建文件啦!如下图:

代码内容:
  1. "Print to console": {
  2. "prefix": "vue",
  3. "body": [
  4. "<!-- $0 -->",
  5. "<template>",
  6.   "\t<div>",
  7.   "",
  8.   "\t</div>",
  9. "</template>",
  10. "",
  11. "<script>",
  12. "export default {",
  13.     "\tname: '',",
  14. "\tcomponents: {},",
  15. "\tdata () {",
  16. "\treturn {",
  17. "\t}",
  18. "\t},",
  19. "\tmounted () {},",
  20. "\tmethods: {}",
  21. "}",
  22. "</script>",
  23. "<style scoped='scss' scoped>",
  24. "</style>"
  25. ],
  26. "description": "vue output to vue-template"
  27.   }
复制代码
此时有没发现vue模板是把开辟的利器,好使好使!!!!!

到此这篇关于vscode自界说vue模板的实现的文章就介绍到这了,更多相关vscode自界说vue模板内容请搜刮草根技能分享从前的文章或继续浏览下面的相关文章盼望大家以后多多支持草根技能分享!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作