Shulou(Shulou.com)06/02 Report--

This article mainly introduces the use of vscode to write html5 method, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

How to use vscode to write html5?

Customize the html5 template

Every time we create a new html template, we always feel too monotonous. For example, I want to automatically introduce Vue and create an empty page template every time we create a new template. This is entirely possible:

(1) find the html.json file: click Settings to find the user code snippet

Search for html and the html.json file appears. Click on it.

(2) you can customize the H5 template after opening the html.json file.

Attach the html.json file configuration and enter it directly in the original curly braces:

"H6 template": {"prefix": "vh", / / corresponds to the shortcut key "body" using this template: ["", "\ t", "\ tDocument", "\ t" "\ n", "", "\ t\ n", "\ t", "\ t / / create a Vue instance and get ViewModel", "\ t var vm = new Vue ({", "\ t\ tel:'# app',", "\ t\ tdata: {},", "\ t\ tmethods: {}" "\ t}) ","\ t ","\ n ","]," description ":" HT-H5 "/ / description of template}

Escape character interpretation:

\ t\ "\ n are escape characters, and spaces are simple spaces. You can enter spaces when you enter them.

\ t means to jump horizontally to the next tab position is equal to the Tab key

It means double quotation marks.

It means enter to change the line.

Thank you for reading this article carefully. I hope the article "using vscode to write html5" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.