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

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

藏色散人
藏色散人forward
2020-12-15 14:36:372530browse

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!

Statement:
This article is reproduced at:cnblogs.com. If there is any infringement, please contact admin@php.cn delete