当前位置:   article > 正文

vscode快速生成vue文件初始结构配置_vscode vue怎么初始化结构

vscode vue怎么初始化结构

点击左下角设置->用户代码片段->输入v3(随意)->输入下方代码->新建文件,输入文件中的 prefix 对应的值(下面对应的是v3)

  1. {
  2. "demo":{
  3. "prefix": "v3",
  4. "body": [
  5. "<template>",
  6. "\t<div>",
  7. "\t\t",
  8. "\t</div>",
  9. "</template>",
  10. "",
  11. "<script lang='ts'>",
  12. "import {defineComponent} from 'vue'",
  13. "export default defineComponent({",
  14. "\tsetup () {",
  15. "\t$0",
  16. "\t\treturn {\n",
  17. " ",
  18. "\t\t}",
  19. "\t}",
  20. "})",
  21. "</script>",
  22. " ",
  23. "<style lang = \"less\" scoped>",
  24. "\t",
  25. "</style>"
  26. ],
  27. "description": "自定义的一个vue代码段"
  28. }
  29. }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/231492?site
推荐阅读
相关标签
  

闽ICP备14008679号