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便會提示該代碼塊，選中便可引用成功