想寫個項目專屬的vs code插件，來增加工作效率帖旨。但出師不利，剛創(chuàng)建完組件腿时，按f5運行您炉，然后找到hello world就報錯。到處google也沒找到解決辦法，后來自己瞎搗鼓彤叉，居然解決了晤斩。希望也能幫到你。
1.安裝包
在命令行輸入以下代碼將yo跟generator-code都裝上：
npm install -g yo generator-code
2.創(chuàng)建項目
在命令行輸入以下代碼：
yo code
然后根據(jù)自己的需要輸入選擇配置姆坚。
這是我yo code的配置以供參考：
? What type of extension do you want to create? New Extension (TypeScript)
? What's the name of your extension? test
? What's the identifier of your extension? test
? What's the description of your extension? test
? Initialize a git repository? Yes
? Bundle the source code with webpack? Yes
? Which package manager to use? npm
具體每個配置什么意思澳泵，可以用翻譯軟件翻譯，或者看別的教程兼呵。
等待項目創(chuàng)建好后會出現(xiàn)如下的選擇：
? Do you want to open the new folder with Visual Studio Code?
建議選Skip兔辅。
3.運行步驟
以下是正常的運行步驟，如果想解決bug就直接跳到第四bug解決部分击喂。
運行的話得打開相應插件項目的src/extesion.ts维苔，然后按f5，會彈出調(diào)試插件專用的窗口懂昂。
在新窗口頂部彈出的下拉選這個：
然后在新窗口按Ctrl+Shift+P（win）或者Cmd+Shift+P（mac）介时。找到Hello World:
成功的話右下角會有這個，文字內(nèi)容可能有不同：
如果失敗請看第四部分凌彬。
4.解決BUG
如果通過第三部分沸柔，彈出的是以下報錯：
點擊確定，然后關閉調(diào)試vs code調(diào)試插件這個窗口
或者點擊停止調(diào)試：
打開package.json
找到調(diào)試：
可以選擇第一個铲敛，如果你知道別的的意思褐澎，且更符合你的需求的話也可以選擇：
看命令行等待完成。然后重復步驟3運行伐蒋，就能成功了工三。
