怎么使用vscode寫html5

怎么使用vscodehtml5?

自定義html5模板

我們每次新建html模板時候,總是感覺太單調(diào),例如我是希望每次新建都自動引入Vue并新建一個空的頁面模板,這是是完全可以實現(xiàn)的:

推薦學(xué)習(xí):vscode教程

(1)找到html.json文件:點擊設(shè)置,找到用戶代碼片段

立即學(xué)習(xí)前端免費學(xué)習(xí)筆記(深入)”;

怎么使用vscode寫html5

?

搜索html,出現(xiàn)html.json文件,點擊即可

?怎么使用vscode寫html5

(2)打開html.json文件后即可自定義設(shè)置H5模板

?怎么使用vscode寫html5

?

?附上html.json文件配置,直接填入原大括號中即可:

"h5?template":?{ ????????"prefix":?"vh",?//?對應(yīng)的是使用這個模板的快捷鍵 ????????"body":?[ ?????????"nbsp;html&gt;", ?????????"", ?????????"", ?????????"t<meta>", ?????????"t<meta>", ?????????"t<meta>", ?????????"t<title>Document</title>", ?????????"t<script></script>",????? ?????????"n", ?????????"", ?????????"t<div>?</div>n", ?????????"t<script>",          "t //創(chuàng)建Vue實例,得到 ViewModel",          "t var vm = new Vue({",          "ttel: &#39;#app&#39;,",          "ttdata: {},",          "ttmethods: {}",          "t });",          "t</script>", ?????????"n", ?????????"" ????????], ????????"description":?"HT-H5"?//?模板的描述 ?????}

?

?轉(zhuǎn)義字符解釋:

t ” n都是轉(zhuǎn)義字符,而空格就是單純的空格,輸入時可以輸入空格

t 的意思是 橫向跳到下一制表符位置 等于 Tab鍵

” 的意思是 雙引號

n 的意思是回車換行

以上就是怎么使用

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點贊13 分享