VSCode用戶代碼片段怎么使用?
我要評論VSCode 是一款很常用的開發(fā)工具，該怎么使用用戶代碼片段功能呢？提高效率的設置也是一種技巧性工作，針對用戶自定義代碼段來實現(xiàn)快捷開發(fā)，下面我們就來看看詳細的教程。
1、文件==>首選項==>用戶代碼片段
2、選擇代碼片段文件 html.json
3、輸入要自定義的快捷鍵 和 模板代碼段如下代碼：
{
"vh": {
"prefix": "vh", // 觸發(fā)的關鍵字 輸入vh按下tab鍵
"body": [
"<!DOCTYPE html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"UTF-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
" <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
" <title>Document</title>",
" <script src=\"./lib/vue-2.4.0.js\"></script>",
"</head>",
"",
"<body>",
" <div id=\"app\"></div>",
" <script>",
" var vm=new Vue({",
" el:'#app',",
" data:{},",
" methods:{}",
" });",
" </script>",
"</body>",
"",
"</html>",
],
"description": "vh components"
}
}
4、進入 .html 后綴的文件中，按快捷鍵 vh 后按 tab 鍵，即可實現(xiàn)快速輸入代碼段
以上就是VSCode用戶代碼片段的使用方法，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
VSCode怎么創(chuàng)建vue制作一個跑馬燈效果?
相關文章
vsCode怎么調(diào)用外部瀏覽器查看效果？vsCode編程開發(fā)的時候，想要使用外部瀏覽器查看效果，該怎么調(diào)用外部瀏覽器呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-08-30
vscode怎么設置背景圖片？vscode軟件想要設置一個圖片背景，該怎么將背景換成圖片呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-07-17
VSCode默認主題怎么更換? VSCode更換背景色的教程
VSCode默認主題怎么更換？VSCode中默認的主題背景色是黑色的，想要換一個顏色，該怎么更換呢？下面我們就來看看VSCode更換背景色的教程，需要的朋友可以參考下2019-07-15
vscode怎么新建項目? vscode創(chuàng)建項目的教程
vscode怎么新建項目？vscode中想要創(chuàng)建項目，該怎么創(chuàng)建新項目呢？下面我們就來看看vscode創(chuàng)建項目的教程，需要的朋友可以參考下2019-07-04
Vscode是微軟推出的一款優(yōu)秀的ide開發(fā)工具，界面簡潔美觀、默認支持中文，擁有豐富的插件，支持Windows，OS X和Linux。2019-06-18
vscode怎么使用？vscode編程開發(fā)的時候很常用的工具，剛開始接觸的朋友需要先了解一下界面和基礎的設置，下面我們就來看看詳細的教程，需要的朋友可以參考下2019-06-14
VSCode怎么設置宏？VSCode編輯代碼的時候，經(jīng)常會使用宏，該怎么設置宏呢？下面我們就來看看VSCode宏的添加方法，需要的朋友可以參考下2019-04-28
vscode代碼折疊功能怎么使用? vscode折疊代碼的方法
vs code代碼折疊功能怎么使用？vs code編程開發(fā)的時候，代碼很多，想要折疊代碼，該怎么實現(xiàn)呢？下面我們就來看看vscode折疊代碼的方法，需要的朋友可以參考下2019-04-02vscode怎么規(guī)范代碼? vscode代碼格式化的教程
vscode怎么規(guī)范代碼？vscode編程開發(fā)的時候，發(fā)現(xiàn)代碼很輪，想要自動格式化代碼，該怎么操作呢？下面我們就來看看vscode代碼格式化的教程，需要的朋友可以參考下2019-03-25
vscode英文版怎么設置自動保存的時間？使用vscode軟件的時候，為了防止意外早層的文件丟失損失，想要設置自動保存文件，下面我們就來看看詳細的教程，需要的朋友可以參考下2019-03-20
