如何在 VSCode 中新建一個程序模板呢?開發節約時間的小技巧

最近在寫Vue頁面,每次新建頁面的時候,都要把相關的程序代碼重新寫一遍!實在比較麻煩,其實,你可以再VSCode中新建一個程序模板,在下次使用的時候,可以一鍵生成,比較方便!下面是成果!

如何在 VSCode 中新建一個程序模板呢?開發節約時間的小技巧

接下來,就是生成模板的步驟!

第一步:打開VSCode,按下快捷鍵 Shift+Command+p

如何在 VSCode 中新建一個程序模板呢?開發節約時間的小技巧

第二步: 輸入關鍵字 snippets,並摁下回車鍵(Enter)

如何在 VSCode 中新建一個程序模板呢?開發節約時間的小技巧

這裡可以新建全局的模板文件,或者本項目的模板文件,這個可以根據自己的需要來選擇

第三步: 選擇新建全局模板文件或者本項目模板文件之後

如何在 VSCode 中新建一個程序模板呢?開發節約時間的小技巧

第四步:需要填寫新建模板文件的名稱(不需要後綴),摁下回車鍵(Enter)

如何在 VSCode 中新建一個程序模板呢?開發節約時間的小技巧

VSCode 會自動生成一個模板文件,現在你需要來修改這個模板文件,下面是我項目的配置的,可以根據下面的進行修改!

{
"Print to console": {
"prefix": "page",
"body": [
"<template>",
"
",
"/<template>",
"<style>",<br> "/<style>",
""
],
"description": "Page"
}
}

在修改完成之後,直接保存就可以使用了!

如何在 VSCode 中新建一個程序模板呢?開發節約時間的小技巧


分享到:


相關文章: