最近在研究怎么能提高開發(fā)速度休建，想到vscode里有個配置代碼片段功能屠列，之前用過配vue頁面模板的囊咏，因此便想到平常開發(fā)中接入一些組件的自己公司內(nèi)部代碼是否可以通過代碼片段來快速填入。
以上答案是肯定的濒蒋，下面說一下我的插件開發(fā)過程吧
1.現(xiàn)在本地寫一些代碼惕味，如下楼誓，是我通過ctrl+shift+p在輸入框中輸入snippets，點(diǎn)擊配置代碼片段名挥，新建全局代碼片段疟羹，輸入文件名，按回車禀倔，即可編輯想要的代碼片段了
2.下圖是一個代碼塊實(shí)例榄融，將注釋取消掉即可
image.png
3.具體配置
body說明：
值可以是列表，每一個元素為一行
0 代表光標(biāo)最后的位置
如圖中設(shè)置了四個光標(biāo)位置剃袍，自動插入后先到第一個位置，然后輸入title內(nèi)容捎谨，按下Tab后切換到CURRENT_YEAR……等屬于內(nèi)置變量，具體參考下文
image.png
具體書寫可以參考文檔
https://code.visualstudio.com/docs/editor/userdefinedsnippets
通過腳手架生成插件項(xiàng)目
1.鍵入依賴安裝命令：
npm i -g yo generator-code vsce
2.鍵入創(chuàng)建插件命令：yo code命令后選擇New Code Snippets；
3.將上面準(zhǔn)備好的配置文件內(nèi)容覆蓋到snippets文件夾的文件中
4.完善package.json的內(nèi)容為自己的信息涛救；（添加publisher）
5.更新README.md文件（必須修改畏邢，按自己要求或者隨便改）；
創(chuàng)建賬號+發(fā)布參考下面文檔
https://zhuanlan.zhihu.com/p/504218497
在這個創(chuàng)建賬號的過程中 我遇到個問題 創(chuàng)建publisher發(fā)布者賬號的時候 點(diǎn)擊創(chuàng)建 console里報(bào)錯 提交不了 不知道什么原因 我在手機(jī)瀏覽器上創(chuàng)建的 就可以了
創(chuàng)建完才能打包检吆、發(fā)布
6.鍵入打包命令：vsce package舒萎，生成后的文件可以分享安裝。
tips:vsce package報(bào)錯如下 請檢查本地node版本 我是本地版本為12 太低了 改成14好了
