使用VScode的用戶代碼片段功能，來生成自己習慣的代碼模板，提升開發(fā)效率

1.選擇菜單里的 文件 > 首選項 > 用戶代碼片段

2.選擇你需要自定義模板的文件，以vue為例

3. 配置對應文件json

把代碼片段寫在json里。每個代碼段都是在一個代碼片段名稱下定義的，并且有prefix、body和description。prefix是用來觸發(fā)代碼片段的。使用 $1，$2 等指定光標位置，這些數(shù)字指定了光標跳轉(zhuǎn)的順序，$0表示最終光標位置。

{

"vue-template": {

"prefix": "vue",

"body": [

"",

"

",

"",

"

",

"",

"",

"

"export default {",

" name: '$1',",

" data() { ",

" return {",

"",

" }",

" }",

" }",

"",

"",

"

" .$1{",

"",

" }",

""

],

"description": "my vue template"

}

}

還有更復雜的用法…一般也用不到，我就不在這里寫了。

到此這篇關于在VScode中創(chuàng)建你的代碼模板的方法的文章就介紹到這了,更多相關VScode創(chuàng)建代碼模板內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

總結(jié)

以上是生活随笔為你收集整理的vscode设置templates_在VScode中创建你的代码模板的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。