入職以來我們團隊一直都在使用vscode編輯器，後來也有人開始使用webstorm。很久之前我突然為每天重復的編寫.vue文件裏面的export、<script lang="scss" scoped>等代碼，還有每個功能模塊對應的文件夾中的api.js、route.js中的重復內容感到痛苦。那時候我就在思考有沒什麽辦法可以讓我在編寫這些文件的內容時，一鍵就能幫我生成這些重復代碼。

後來我查了資料找到了vscode中的snippet功能，定義關鍵字然後文件中輸入關鍵字就可以輸出對應的代碼片段，我知道vscode中的snippet功能可以幫我解決編寫重復代碼問題。具體怎麽在項目中使用我沒有搞清楚，直接去查網上的snippet如何使用的資料，往往會查到snippet的用法加語法之類的信息。一開始我將註意力集中在了看語法上，眼前一大堆語法看的立馬就退縮了，然後就覺得很難，最後就遲遲沒有將這個優化工作推進起來。

後面團隊裏組織做提升團隊效率的事情，團隊中有人編寫了針對團隊需要的常用vscode-snippet文件，最終寫成了一個插件：forchange-snippets，我根據使用說明在vscode中安裝了它，創建相應的文件，在文件中快速創建代碼片段。眼前一下子就明亮了，使用vscode-snippet最終可以達到的編碼效果立馬有了很清晰的認識。

我突然意識到，再去找一個工具前，腦子裏應該先已經思考過，而且腦子裏應該是已經有了一個很清晰的圖像：我要解決什麽問題，要怎麽解決。然後去找能解決問題的對應的工具，帶著自己先前想的怎麽解決的思路去對照這個工具的實現，看工具是怎麽實現的。

學習一個工具，帶著問題，解決思路去學習，會高效很多。

學習很多東西都是相通的：

1、先搞清楚你要解決什麽問題，達到什麽效果（解決編寫重復代碼問題，輸入關鍵字就能輸出代碼片段。網上找案例，看別人是怎麽實現的）。

2、學方法，怎麽去實現（把握整體，先入門，學會怎麽做）。

3、了解更多細節，還可以怎麽用（有時間有需要再深入學習）。

一開始先不要去關註細節，把整個脈絡先搞清楚。我遲遲沒推進我的這項優化工作的最大問題就是一開始我還不會用的時候，就去關註了太多細節。最後被看不懂的細節問題，嚇到了。

如果可以，一定要先去看前人是怎麽解決這個問題的：最後達到的效果是什麽樣的，怎麽使用達到這個效果的；然後再去學實現方法；網上實在沒有，再考慮看官網文檔去學習。

最後：

學vscode-snippet的使用的時候也是這樣：

1、看別人是怎麽做的： https://github.com/sdras/vue-vscode-snippets

2、再學怎麽做：https://juejin.im/post/5b99ed89f265da0af7750612

學如何健身套上面的方法都是可行的。

（發布snippets到vscode插件市場：https://blog.csdn.net/crper/article/details/78637080）

學會學習：高效學習方式（使用vscode-snippet有感）