咔叽游戏

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 323|回复: 0

[相关技巧] 在VScode中创建你的代码模板的方法

[复制链接]
  • TA的每日心情
    无聊
    2019-5-27 08:20
  • 签到天数: 4 天

    [LV.2]圆转纯熟

    发表于 2020-7-2 12:48:39 | 显示全部楼层 |阅读模式
    使用VScode的用户代码片段功能,来生成自己习惯的代码模板,提升开发效率
    1.选择菜单里的 文件 > 首选项 > 用户代码片段
    在VScode中创建你的代码模板的方法-1.jpg

    2.选择你需要自定义模板的文件,以vue为例

    在VScode中创建你的代码模板的方法-2.png

    3. 配置对应文件json
    把代码片段写在json里。每个代码段都是在一个代码片段名称下定义的,并且有prefix、body和description。prefix是用来触发代码片段的。使用 $1,$2 等指定光标位置,这些数字指定了光标跳转的顺序,$0表示最终光标位置。

    {
    "vue-template": {
      "prefix": "vue",
      "body": [
       "<template>",
       " <div class=\"$1\">",
       "",
       " </div>",
       "</template>",
       "",
       "<script>",
       "export default {",
       " name: '$1',",
       " data() { ",
       "  return {",
       "",
       "  }",
       " }",
       " }",
       "</script>",
       "",
       "<style lang=\"\" scoped>",
       " .$1{",
       "",
       " }",
       "</style>"

      ],
      "description": "my vue template"
    }
    }还有更复杂的用法…一般也用不到,我就不在这里写了。
    到此这篇关于在VScode中创建你的代码模板的方法的文章就介绍到这了,更多相关VScode创建代码模板内容请搜索咔叽论坛以前的文章或继续浏览下面的相关文章希望大家以后多多支持咔叽论坛!

    原文地址:https://www.jb51.net/article/185827.htm

    QQ|免责声明|小黑屋|手机版|Archiver|咔叽游戏

    GMT+8, 2024-3-29 19:21

    Powered by Discuz! X3.4

    © 2001-2023 Discuz! Team.

    快速回复 返回顶部 返回列表