vscode中寫vue中時有個問題，每次生成新的vue檔案之後都需要把輸入一些相同的**，所以想著有沒有一些快捷鍵可以像直接「！」+tab直接生成html模板一樣生成一些vue**片段。經過一些搜尋可以實現，故此記錄一下。
英文好的大致可以看出來這個檔案要怎麼寫，我大致解釋一下(不想看解釋的話可以直接複製下面的**部分)：
這個json檔案裡需要乙個物件，裡面最重要的是」prefix「和」body「兩個屬性。
prefix：快捷鍵匹配。你可以理解為乙個識別符號，及你在vue檔案中輸入這個識別符號，然後回車就可以出現body裡的內容；
body：**內容。是乙個陣列，裡面是一行又一行的**，注意必須是雙引號包裹。
不想寫的話可以直接複製下面的**，這是我配置的：
}這裡有個注意點就是有乙個製表符的概念，在\t和\"這裡用到，因為我用的vue裡有**檢查，對縮排和引號有要求，所以用需要用到製表符，具體製表符的概念我也不太清楚，所以還專門搜了搜相關的知識，這篇部落格講的比較清楚：製表符概念的理解（c語言角度）
配置完成之後點選儲存，然後新建乙個vue檔案，輸入」vue「，按下回車鍵，就可以看到剛剛配置的**了。**可以根據自己的喜好再修改配置。
在vue裡新增的lottie動畫
lottie的官網 什麼是lottie？lottie是乙個ios，android和react native庫，可以實時渲染after effects動畫，允許應用程式像使用靜態影象 在這裡動畫被轉化成json檔案 一樣輕鬆使用動畫。網上也有豐富的動畫資源可供我們選擇 lottiefiles 為什麼l...
VSCode新建 vue檔案模板
每次新建.vue檔案，可以利用vscode的snippet在.vue檔案建立後能輕鬆地生成一套模板，偷懶促進技術發展，促進社會進步。能用模板一鍵生成，絕對不去多敲一行 哈哈哈。ctrl shift p開啟控制台，輸入snippets 首選項 配置使用者 片段 接下來輸入vue並選擇，vscode會自...
使用vscode建立vue模板
需要先安裝外掛程式vetur 檔案 首選項 擴充套件 輸入vetur 安裝 1.檔案 首選項 使用者 片段 輸入vue 選擇vue.json vue 到這兒就能夠進入vue.json的檔案中，在這裡輸入想要建立的模板 0 表示你希望生成 後游標的位置 prefix 表示生成對應預設 的命令 儲存後關...