VsCode常用設定,新手必備!

千鋒武漢發表於2021-04-01

      相信有不少同學在看大神進行程式碼開發的時候只輸入了幾行程式碼,之後編譯器自動生成了一串程式碼,那麼你知道是怎麼做到的嗎?

      閒話不多說,今天小千就來聊一聊如何--懶省事(在VsCode裡面設定自定義的模板)

      首先:我們要找到這個模板設定的入口, 在檔案 - > 首選項 - > 使用者程式碼片段

1

      選中以後,會出現下面這個輸入框,假如你想設定.vue檔案的模板,可以新建一個vue.json全域性程式碼片段檔案,輸入vue.json然後回車。

2

      好了,接下來你可以把那些沒必要的註釋刪掉,只需要在這個json檔案裡面輸入以下內容

3

4

      好吧,解釋一下

      這裡的prefix是你在編輯器裡輸入的內容,就好像建立html檔案的時候,輸入的英文感嘆號

      body就是你回車以後出現的內容

      注意,這裡的body是一個陣列,每一行的內容都是陣列裡的每一項,並且需要用引號引起來。

      是不是跟著敲好了?

      接下來,儲存之後,就可以回到我們的.vue檔案裡面嘗試一下

5

      當然如果你覺得這還不夠,我們依舊可以在那個json檔案裡面繼續輸入

6

      接下來你就可以輸入”js”,就能出現下面body裡面的程式碼。

7

      抓緊去試試吧~~~


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2766090/,如需轉載,請註明出處,否則將追究法律責任。

相關文章