search
HomeDevelopment ToolssublimeHow to quickly create html templates in sublime3? How to quickly create html templates

The content of this article is to introduce how to quickly create html templates in sublime3? How to quickly create html templates. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

1 Install Package Control

1.1 ctrl ` Call out the console

1.2 Copy (do not include the outermost double quotes, this code is only applicable in sublime text 3)

"import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'Package Control' pf.replace(' ',' ') ).read())”

1.3 Paste into the console

1.4 Press Enter

2 Use Package Control to install Sublime Tmpl

2.1 ctrl shift p Call out the Package Control interface

2.2 Enter install

2.3 Enter

2.4 Enter SublimeTmpl

2.5 Enter

3 Use Sublime Tmpl shortcut keys to quickly create html5

ctrl alt h Create a new html5 file

4. Customize the template

4.1 Open Tools--Developer--New Snippet

The following picture will appear:

4.2 Write the code fragment you want within . Note that the code fragment should be on the far left.

#4.3 Set the shortcut key, open the comment of the tabTrigger tag below, and the h in the middle is your shortcut key.

4.4 Ctrl s to save. The name can be chosen casually, but the suffix must be .sublime-snippet

4.5 Create a new page index.html, enter an h in index, and then press the Tab key, and it will appear The code snippet you set up.

The above is the detailed content of How to quickly create html templates in sublime3? How to quickly create html templates. For more information, please follow other related articles on the PHP Chinese website!

Statement
This article is reproduced at:博客园. If there is any infringement, please contact admin@php.cn delete
Sublime Text vs. VS Code: User Interface and User ExperienceSublime Text vs. VS Code: User Interface and User ExperienceApr 22, 2025 am 12:07 AM

SublimeText is suitable for users who pursue simplicity and highly customized, while VSCode is more suitable for users who need one-stop service and better user experience. The SublimeText interface is simple and complex, suitable for advanced users; the VSCode interface is modern and easy to use, suitable for beginners and team collaboration.

The Ultimate Editor Showdown: Sublime Text vs. VS CodeThe Ultimate Editor Showdown: Sublime Text vs. VS CodeApr 21, 2025 am 12:04 AM

SublimeText is suitable for users who pursue speed and simplicity, while VSCode is suitable for users who need rich features and powerful integration capabilities. 1) SublimeText is known for its lightweight and highly customizable, fast and powerful multi-line editing. 2) VSCode is known for its scalability and integration, with built-in Git support and debugging tools, suitable for cross-language development.

Sublime Text and VS Code: Understanding the DifferencesSublime Text and VS Code: Understanding the DifferencesApr 20, 2025 am 12:01 AM

SublimeTextexcelsinspeedandsimplicity,idealforquickeditsandadistraction-freeenvironment,whileVSCodeoffersextensivefeaturesandcustomizationforlargerprojects.SublimeTextislightweightandfast,perfectforfocusedcodingwithasimplecommandpaletteforactionslike

Sublime Text: Coding Features and FunctionalitySublime Text: Coding Features and FunctionalityApr 19, 2025 am 12:06 AM

SublimeText is suitable for programming because it is powerful and flexible. 1) Multiple selection and editing functions allow multiple locations to be modified at the same time to improve reconstruction efficiency. 2) The command panel and shortcut keys provide quick access and custom operations to improve development efficiency. 3) Support regular expressions, macros and plug-ins, suitable for advanced usage and performance optimization.

Sublime Text vs. VS Code: Pricing and LicensingSublime Text vs. VS Code: Pricing and LicensingApr 18, 2025 am 12:02 AM

SublimeText is available for purchase for one time, priced at $70, and is permanently used with a PC; VSCode is free to use, and there is no license fee, but extensions and themes may be charged. When choosing, use requirements and budgets should be considered.

How to run sublimeHow to run sublimeApr 16, 2025 am 09:39 AM

To run Sublime Text, you need to download, install the application, purchase a license (optional), and then launch the application. Create or open a file to start encoding.

How to Chinese sublimeHow to Chinese sublimeApr 16, 2025 am 09:36 AM

Sublime Text can be Chineseized through the following steps: 1. Download the Chinese package; 2. Install the Chinese package; 3. Restart Sublime Text; 4. Set the default language (optional); 5. Verify the Chinese version.

How to delete sublime plug-inHow to delete sublime plug-inApr 16, 2025 am 09:33 AM

There are two ways to delete plugins in Sublime Text: Delete through the Plug-in Manager: Select the plug-in you want to delete and right-click and select "Delete". Manually Delete: Navigate to the user data directory, locate the plugin folder and drag it to the Recycle Bin or Trash.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools