VsCode代码段添加方法
香香蕉牛牛奶 人气:0VsCode代码段添加方法
我们在编写代码的过程中，常常会遇到一些固定的结构或常用的处理方法。
编写耗费时间尽力，这时我们想到了添加代码段功能，帮助我们快速的完成编写。
下面以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便会提示该代码块，选中便可引用成功
加载全部内容