聊聊vscode中如何配置vue文件自定义模板


当前第2页 返回上一页

这个也很简单,只有在刚设置好的vue.json里,在写多一个模板就行了,如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

{

    "vue": {

        "prefix": "vue",

        "body": [

            "<template>",

            "  $0",

            "</template>\n",

            "<script>\n",

            "export default {",

            "  name: '',\n",

            "  components: {},\n",

            "  data() {",

            "    return {}",

            "  },\n",

            "  created() {},\n",

            "  methods: {},\n",

            "}\n",

            "</script>\n",

            "<style scoped>",

            "</style>",

        ],

        "description": "This is a simple vue template"

    },

 

    "vue2": {

        "prefix": "vue2",

        "body": [

            "<template>",

            "  $0",

            "</template>\n",

            "<script>\n",

            "export default {",

            "  name: '',\n",

            "  props: {},\n",

            "  data() {",

            "    return {}",

            "  },\n",

            "  created() {},\n",

            "  methods: {},\n",

            "}\n",

            "</script>\n",

            "<style scoped>",

            "</style>",

        ],

        "description": "This is a simple vue template"

    },

}

更多编程相关知识,请访问:编程视频!!

以上就是聊聊vscode中如何配置vue文件自定义模板的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vsCode如何设置缩进

vsCode 怎么在文件中查找关键字?

如何修改vsCode中html的默认样式

怎么使用vsCode打开多个文件夹

vsCode怎么美化代码

vsCode可以查看函数在哪里引用吗

如何删除vsCode中所有扩展

vsCode里的代码如何运行

vsCode中重启快捷键失效了怎么办

vsCode怎么设置自动保存

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...