VSCode 是一款很常用的開發工具,該怎么使用用戶代碼片段功能呢?提高效率的設置也是一種技巧性工作,針對用戶自定義代碼段來實現快捷開發,下面我們就來看看詳細的教程。
1、文件==>首選項==>用戶代碼片段
2、選擇代碼片段文件 html.json
3、輸入要自定義的快捷鍵 和 模板代碼段如下代碼:
{
"vh": {
"prefix": "vh", // 觸發的關鍵字 輸入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 鍵,即可實現快速輸入代碼段
以上就是VSCode用戶代碼片段的使用方法,希望大家喜歡,請繼續關注武林網。
相關推薦:
VSCode怎么安裝插件運行HTML文件?
VSCode怎么創建vue制作一個跑馬燈效果?
vscode編輯器代碼小視圖怎么在左邊顯示?
新聞熱點
疑難解答
圖片精選