快速生成vue模板的設置


我們在使用vue編程的時候,總會寫上vue的固定模板,所以此方法是快速生成vue模板的方法

我們使用的編程軟件是Visual Studio Code,

1、我們需要先安裝一個插件

 

 2、新建代碼片段

文件-->首選項-->用戶代碼片段-->點擊新建代碼片段--取名vue.json 確定

 

 此時編程區域上面會出現如圖情況,在輸入框輸入---->vue.json    此時會打開一個文件

 

 進入到如圖頁面以后,復制下面代碼到如上圖對應位置

"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "    <div>\n",
            "    </div>",
            "</template>",
            "<script>",
            "export default {",
            "   data() {",
            "      return {",
            "      }",
            "   },",
            "   created(){",
            "   },",
            "   computed:{",
            "   },",
            "   methods:{",
            "   },",
            "}",
            "</script>",
            "<style lang=\"scss\" scoped>\n",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
 
 
完成以后記得保存重啟哦,然后我們就可以在以vue為后綴的文件里輸入“vue”,就可以迅速打出vue的模板了

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM