VsCode代码段添加方法

VsCode代码段添加方法

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

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

下面以VsCode为例子：

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

1.准备常用代码

     <div id="app">
         <div>{{msg}}</div>
     </div>
     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
     <script>
         var vm = new Vue({
             el: '#app',
             data: {
                 msg: 'hello world'
             },
             methods: {

             },
         })
     </script>

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

https://snippet-generator.app/

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

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

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