VsCode代码段添加方法

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

VsCode代码段添加方法

香香蕉牛牛奶   2020-03-22 我要评论

VsCode代码段添加方法

我们在编写代码的过程中,常常会遇到一些固定的结构或常用的处理方法。

编写耗费时间尽力,这时我们想到了添加代码段功能,帮助我们快速的完成编写。

下面以VsCode为例子:

我们将在VsCode中插入Vue1.0的一个固定写法

1.准备常用代码

 1     <div id="app">
 2         <div>{{msg}}</div>
 3     </div>
 4     <script src="https://cdn.jsdelivr.net/npm/vuehttps://img.qb5200.com/download-x/dist/vue.js"></script>
 5     <script>
 6         var vm = new Vue({
 7             el: '#app',
 8             data: {
 9                 msg: 'hello world'
10             },
11             methods: {
12     
13             },
14         })
15     </script>

2.借助工具编写,将代码粘贴到左边栏,注意格式

https://snippet-generator.app/

3.点击Copy snippet复制编辑好的代码,打开VsCode同时按住Ctrl + Shift + p 输入代码片段选中,输入html(因为该代码片段在html文件中使用)选中html.json

4.在打开文件中粘贴代码段保存即可

5.在html文件中输入vue-m便会提示该代码块,选中便可引用成功

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们