首頁 > 開發工具 > VSCode > 使用VSCode快速建立vue檔案模版的方法介紹

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

青灯夜游
發布: 2021-02-03 18:51:40
轉載
3640 人瀏覽過

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

使用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中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板