Home > Development Tools > sublime > Problems with installing the Sublime Emmet plug-in and Tab completion code

Problems with installing the Sublime Emmet plug-in and Tab completion code

藏色散人
Release: 2020-12-15 14:36:37
forward
2646 people have browsed it

The following tutorial column of sublime will introduce to you the installation of Sublime Emmet plug-in and Tab completion code. I hope it will be helpful to friends in need!

Problems with installing the Sublime Emmet plug-in and Tab completion code

Before installing the Emmet plug-in, we first need to install the Package Control plug-in manager on Sublime Text3

Then hold down the shortcut key Ctrl Shift P or in the menu Select Perferences-->Package Control in the bar to open the command panel. If there is no response, it will pop up after a while. The interface is as shown in the figure below.

## Enter Emmet to install. After the installation is completed, you can check whether it is successful through Perferences-->Package Settings-->Emmet. If Emmet indicates that the installation is successful, .

After the installation is complete, we use the Emmet plug-in to quickly generate HTML code. For example, enter html:5 and hold down the Tab key to generate the complete structure of the HTML file. However, many people enter html:5 and then press There is no response when pressing the Tab key. What is the reason? It turns out that Emmet's default shortcut key is Ctrl E, and we need to set it to the commonly used Tab key.

  1. Select Preferences-->PackageSettings-->Emmet-->KeyBindings-->User in the menu bar and paste the following information in.


    [{"keys": ["tab"], "args": {"action": "expand_abbreviation"}, "command": "run_emmet_action", "context": [{" key": "emmet_action_enabled.expand_abbreviation"}]}]

  2. 7 Restart Sublime Text3. Now we can complete the code. Enter html:5 on the newly created file. , hold down the Tab key to see the following code.

The above is the detailed content of Problems with installing the Sublime Emmet plug-in and Tab completion code. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:cnblogs.com
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template