VsCode常用設定,新手必備!
相信有不少同學在看大神進行程式碼開發的時候只輸入了幾行程式碼,之後編譯器自動生成了一串程式碼,那麼你知道是怎麼做到的嗎?
閒話不多說,今天小千就來聊一聊如何--懶省事(在VsCode裡面設定自定義的模板)
首先:我們要找到這個模板設定的入口, 在檔案 - > 首選項 - > 使用者程式碼片段
選中以後,會出現下面這個輸入框,假如你想設定.vue檔案的模板,可以新建一個vue.json全域性程式碼片段檔案,輸入vue.json然後回車。
好了,接下來你可以把那些沒必要的註釋刪掉,只需要在這個json檔案裡面輸入以下內容
好吧,解釋一下
這裡的prefix是你在編輯器裡輸入的內容,就好像建立html檔案的時候,輸入的英文感嘆號
body就是你回車以後出現的內容
注意,這裡的body是一個陣列,每一行的內容都是陣列裡的每一項,並且需要用引號引起來。
是不是跟著敲好了?
接下來,儲存之後,就可以回到我們的.vue檔案裡面嘗試一下
當然如果你覺得這還不夠,我們依舊可以在那個json檔案裡面繼續輸入
接下來你就可以輸入”js”,就能出現下面body裡面的程式碼。
抓緊去試試吧~~~
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2766090/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- VsCode常用設定(新手必備!)VSCode
- 新手程式設計師必備10大技能程式設計師
- VSCode必備外掛推薦VSCode
- Pycharm常用的小技巧彙總,Python新手上路必備,快上車!PyCharmPython
- Windows常用必備工具Windows
- 新手必備下載器 Progressive Downloader
- 【程式設計師必備】免費常用API收藏程式設計師API
- 免費常用API大全,程式設計師必備API程式設計師
- 伺服器安全必備:設定VPS安全伺服器
- VScode新手教程VSCode
- 備忘:npm 和 yarn 的常用源設定NPMYarn
- 精選!15個必備的VSCode外掛VSCode
- 收藏! Linux 伺服器必備的安全設定Linux伺服器
- vscode中prettier設定VSCode
- Linux的幾個新手必備的命令(一)Linux
- python 程式設計師必備的五大常用庫Python程式設計師
- vscode設定背景圖片VSCode
- vscode設定 settings.jsonVSCodeJSON
- 新手入門必備:kylin安裝教程介紹!
- 程式設計師必備裝備!程式設計師
- 我常用的兩個翻譯神器!程式設計師必備 | JavaGuide程式設計師JavaGUIIDE
- 10個新手必備的網路安全工具推薦!
- HTML5前端學習路線,新手小白必備HTML前端
- 阿里雲vscode的設定入口阿里VSCode
- 筆記本中vscode設定筆記VSCode
- vscode常用配置VSCode
- 實用乾貨:程式設計師必備的常用英語詞彙程式設計師
- 新手必備的seo最佳化技巧 你get到了嗎?
- ORACLE常用定時備份指令碼Oracle指令碼
- VScode使用Jupyter並設定IJava核心VSCodeJava
- VSCode設定中文語言顯示VSCode
- Node 除錯利器,前端、Node 開發必備 - VSCode JS Debug Terminal除錯前端VSCodeJS
- 程式設計師必備:30個MySQL資料庫常用小技巧,值得收藏!程式設計師MySql資料庫
- 34 個 常用 Linux Shell 指令碼,運維必備!Linux指令碼運維
- 網路安全新手必備的七大實用工具!
- Python新手必備學習的4大階段,建議收藏Python
- Mac 觸控板增強神器BetterTouchTool 上手指南,新手必備Mac
- vscode常用外掛VSCode