使用VSCode快速建立vue檔案模版的方法介紹

VSCode怎麼自訂程式碼模版？以下這篇文章跟大家介紹一下VSCode快速建立vue檔案模版的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

相關推薦：《vscode基礎教學》

修改位置

開啟vscode首選項-使用者片段，可以搜尋現有的檔案名，或是新建一個json檔案。

建立自訂模版

{
"Print to console": {
"prefix": "ybase",
"body": [
"<template>",
"  <div>",
"    <!-- Page -->",
"  </div>",
"</template>",
"<script lang=\"ts\">",
"import { Vue, Component } from \"vue-property-decorator\";",
"",
"@Component({})",
"export default class NAME extends Vue {",
"  // component",
"}",
"</script>",
"<style lang=\"scss\">",
"// style",
"</style>",
""
],
"description": "YBASE"
}
}

使用方法

以上我創建的是快速創建vue文件模版。
新頁面後，透過設定的快速指令「ybase」即可快速產生頁面程式碼。

更多程式相關知識，請造訪：程式設計入門！ ！

以上是使用VSCode快速建立vue檔案模版的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！