使用vscode,生成vue模板

2022-06-05 23:30:21 字數 518 閱讀 8674

目標:

我們希望每次新建.vue檔案後,vscode能夠根據配置,自動生成我們想要的內容。

方法:開啟vscode編輯器,依次選擇「code -> preferences -> user snippets」,此時,會彈出乙個搜尋框,我們輸入vue, 選擇vue後,vscode會自動開啟乙個名字為vue.json的檔案,複製以下內容到這個檔案中:

"print to console":
儲存後關閉這個檔案。

稍稍解釋一下:

$0 表示你希望生成**後游標的位置 ; prefix 表示生成對應預設**的命令
例如:我們新建乙個名為demo.vue的檔案,輸入vue按下enter,就會自動生成內容啦(此處應該有截圖):

後記

當然,你也可以為.js、.html等各種檔案預設**片段。這樣,就可以把省下來的時間,投入到奪取新時代中國特色社會主義偉大勝利的事業中去啦!

使用vscode建立vue模板

需要先安裝外掛程式vetur 檔案 首選項 擴充套件 輸入vetur 安裝 1.檔案 首選項 使用者 片段 輸入vue 選擇vue.json vue 到這兒就能夠進入vue.json的檔案中,在這裡輸入想要建立的模板 0 表示你希望生成 後游標的位置 prefix 表示生成對應預設 的命令 儲存後關...

VSCode新建 vue檔案模板

每次新建.vue檔案,可以利用vscode的snippet在.vue檔案建立後能輕鬆地生成一套模板,偷懶促進技術發展,促進社會進步。能用模板一鍵生成,絕對不去多敲一行 哈哈哈。ctrl shift p開啟控制台,輸入snippets 首選項 配置使用者 片段 接下來輸入vue並選擇,vscode會自...

在vscode裡新增vue模板

vscode中寫vue中時有個問題,每次生成新的vue檔案之後都需要把輸入一些相同的 所以想著有沒有一些快捷鍵可以像直接 tab直接生成html模板一樣生成一些vue 片段。經過一些搜尋可以實現,故此記錄一下。英文好的大致可以看出來這個檔案要怎麼寫,我大致解釋一下 不想看解釋的話可以直接複製下面的 ...