Home Development Tools sublime Introduction to Sublime's method of quickly generating structural code

Introduction to Sublime's method of quickly generating structural code

Dec 16, 2019 am 11:49 AM
sublime

The following sublime texttutorial column will introduce to you Sublime How to quickly generate structure code, I hope it will be helpful to friends in need!

Introduction to Sublime's method of quickly generating structural code

Today is the first day to systematically learn front-end knowledge. After watching a video, the most popular front-end development software is sublime. So, I installed it. But here comes the problem. I followed the operation in the video and quickly generated the code. It turned out that I didn't listen to the greeting at all. So I checked.

There are many ways to quickly generate structural code at night. I tried them one by one, but they all failed. Later I discovered that all methods require the tab key. Then I suddenly realized that maybe my tab keys were different from others. So, I started searching.

Finally I identified the problem. That is, I did not install the corresponding plug-in.

The following is the installation method.

1. The official website homepage of plug-in management https://packagecontrol.io/ (webpage of foreign server, slower). Click the Installation menu on the right

Introduction to Sublimes method of quickly generating structural code

##2. Select the latest version sublimeText3 I use here according to different versions. Copy the content in the red box

Introduction to Sublimes method of quickly generating structural code

3. Open sublime. Then open the bottom console in the Show Console option in the View menu. Shortcut key ctrl tab. Paste the code you just copied in the white input box at the bottom. Then hit Enter to download the necessary packages for the plug-in management center. The final console output is 275309 (a similar string of numbers). The size of the package indicates that the download is complete. Then it is recommended that you restart sublime and reload the sublime plug-in.

4. There will be an additional item package control under the Preferences menu. Indicates that the download and installation are successful. Click on it Package Control (ctrl shift p)

and then select install

Introduction to Sublimes method of quickly generating structural code

5. Then the following screen will appear. Enter the name of the plugin you want to install in the search box. For example, for tab, enter: emmet. Then click, and the installation will begin. During the installation process, there will be an equal sign = in the gray bar below, running left and right between a pair of square brackets. If it stops running, the installation is successful.

6. Let’s talk about several ways to quickly generate structural code 1) Enter html:xt, and then press the tab key. 2) Enter! Then press the tab key. 3) Enter! , then press ctrl E

The above is the detailed content of Introduction to Sublime's method of quickly generating structural code. For more information, please follow other related articles on the PHP Chinese website!

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

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

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What should I use to open html? What should I use to open html? Apr 21, 2024 am 11:33 AM

To open HTML files you need to use a browser such as Google Chrome or Mozilla Firefox. To open an HTML file using a browser, follow these steps: 1. Open your browser. 2. Drag and drop the HTML file into the browser window, or click the File menu and select Open.

What software is good for python programming? What software is good for python programming? Apr 20, 2024 pm 08:11 PM

IDLE and Jupyter Notebook are recommended for beginners, and PyCharm, Visual Studio Code and Sublime Text are recommended for intermediate/advanced students. Cloud IDEs Google Colab and Binder provide interactive Python environments. Other recommendations include Anaconda Navigator, Spyder, and Wing IDE. Selection criteria include skill level, project size and personal preference.

How to open local file in html How to open local file in html Apr 22, 2024 am 09:39 AM

HTML can be used to open local files as follows: Create a .html file and import the jQuery library. Create an input field that allows the user to select a file. Listen to the file selection event and use a FileReader() object to read the file contents. Display the read file contents on the web page.

How to use the copied code in python How to use the copied code in python Apr 20, 2024 pm 06:26 PM

Here are the steps to use copied code in Python: Copy and paste the code into a text editor. Create a Python file. Run the code from the command line. Understand what the code is for and how it works. Modify the code as needed and rerun it.

How to create py file in python How to create py file in python May 05, 2024 pm 07:57 PM

Steps to create a .py file in Python: Open a text editor (such as Notepad, TextMate, or Sublime Text). Create a new file and enter the Python code, paying attention to indentation and syntax. When saving the file, use a .py extension (for example, my_script.py).

What can I use to open html? What can I use to open html? Apr 21, 2024 am 11:36 AM

HTML files can be opened using a browser (such as Chrome, Firefox, Edge, Safari, Opera): find the HTML file (.html or .htm extension); right-click/long-press on the file; select "Open"; select the file you want to use browser.

Create and open HTML empty documents Create and open HTML empty documents Apr 09, 2024 pm 12:06 PM

Create an HTML document: Use a text editor to enter the HTML structure and save it as an .html file. Open an HTML document: Double-click the file or use the File > Open option in your browser. Practical case: Create a new HTML file, add a title, style sheet and content, and save it as an .html file.

Which html editor software is easy to use? Which html editor software is easy to use? Apr 17, 2024 am 04:54 AM

To sum up, the following HTML editors are highly praised: Visual Studio Code: Cross-platform, feature-rich, free and open source. Sublime Text: High performance, highly customizable, paid software. Atom: cross-platform, scalable, open source and free. Brackets: dedicated for front-end development, intuitive interface, open source and free. Notepad++: lightweight, fast, powerful, open source and free. When choosing an HTML editor, consider factors such as platform compatibility, functionality, extensibility, price, and user-friendliness.

See all articles