sublime Text 3 emmet method to customize HTML template

The following tutorial column ofsublime text 3will introduce to you how emmet customizes HTML templates. I hope it will be helpful to friends in need!

1. Download Emmet

https://github.com/sergeche/emmet-sublime

2. Open the sublime Package package directory. Windows is usually under C:\Users\userName\AppData\Roaming\Sublime Text 3\Packages\. Create the Emmet directory in the Package directory, and unzip and copy the downloaded file to this directory

3. HTML template content can be configured in Emmet/emmet/snippets.json.

a) Find html .abbreviations.doc can define the content stored in the header and body tags in HTML.

b) Variables can be applied to html.abbreviations.doc strings. Variables are defined in variables. Use ${ in strings. Just enter the variable name}.

4. After defining, restart sublime, create an HTML file, enter! or html:5, and press the tab key.

The above is the detailed content of sublime Text 3 emmet method to customize HTML template. For more information, please follow other related articles on the PHP Chinese website!