Home Development Tools sublime Use Sublime Text 3 to write front-end code

Use Sublime Text 3 to write front-end code

Sep 24, 2019 am 11:27 AM

The following column sublime tutorial will introduce to you how to use Sublime Text to write front-end code.

Use Sublime Text 3 to write front-end code

Although I am equally comfortable writing pages in IDEA, when it comes to the front-end, I am still an out-and-out elementary school student. So I hope to use a relatively lightweight IDE during the learning process. The combination of Sublime and plug-ins can just meet my needs.

Requirements

First of all, a lightweight front-end IDE requires the following functions:

● Tree navigation

● Quick creation File

● Code auto-completion

● Code highlighting

● Code prompt

● Code formatting

● Code tracking

Plug-in selection

● SideBarEnhancements: Enhanced toolbar

● AnvancedNewFile: Quickly create files

● ConvertToUTF8: Use UTF8 to print File

● Emmet: Quick completion of front-end code (HTML/CSS)

● SublimeCodeIntel: Code tips

● DocBlockr: Advanced JS comments

● JSHint: JS syntax check

● JsFormart: JS code formatting

● Javascript Beautify: JS code formatting

● Git: git code tracking plug-in

Rendering

Use Sublime Text 3 to write front-end code

P.S. For Sublime installation plug-in method, see Sublime Text installation plug-in

The above is the detailed content of Use Sublime Text 3 to write front-end 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 Article

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers Of The Witch Tree - How To Unlock The Grappling Hook
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

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)

Hot Topics

Java Tutorial
1670
14
PHP Tutorial
1274
29
C# Tutorial
1256
24
How to run sublime code python How to run sublime code python Apr 16, 2025 am 08:48 AM

To run Python code in Sublime Text, you need to install the Python plug-in first, then create a .py file and write the code, and finally press Ctrl B to run the code, and the output will be displayed in the console.

How to run sublime after writing the code How to run sublime after writing the code Apr 16, 2025 am 08:51 AM

There are six ways to run code in Sublime: through hotkeys, menus, build systems, command lines, set default build systems, and custom build commands, and run individual files/projects by right-clicking on projects/files. The build system availability depends on the installation of Sublime Text.

How to generate html by sublime How to generate html by sublime Apr 16, 2025 am 09:03 AM

There are two ways to generate HTML code in Sublime Text: Using the Emmet plugin, you can generate HTML elements by entering an abbreviation and pressing the Tab key, or use a predefined HTML file template that provides basic HTML structure and other features such as code snippets, autocomplete functionality, and Emmet Snippets.

Sublime Text vs. VS Code: Which is the Best Choice? Sublime Text vs. VS Code: Which is the Best Choice? Apr 15, 2025 am 12:01 AM

Choosing SublimeText or VSCode depends on personal needs: 1. SublimeText is suitable for users who pursue lightweight and efficient editing. It starts quickly but requires a license to purchase. 2. VSCode is suitable for users who need powerful debugging and rich plug-ins. It consumes high resources but is open source and free.

How to use sublime shortcut keys How to use sublime shortcut keys Apr 16, 2025 am 08:57 AM

Sublime Text provides shortcuts to improve development efficiency, including commonly used (save, copy, cut, etc.), editing (indentation, formatting, etc.), navigation (project panel, file browsing, etc.), and finding and replacing shortcuts. Proficiency in using these shortcut keys can significantly improve Sublime's efficiency.

Sublime Text vs. VS Code: Plugin Ecosystems and Extensibility Sublime Text vs. VS Code: Plugin Ecosystems and Extensibility Apr 14, 2025 am 12:10 AM

SublimeText and VSCode have their own advantages in plug-in ecology and scalability. SublimeText manages plug-ins through PackageControl, which have a small number of plug-ins but high quality, and mainly uses Python script extensions. VSCode has a huge Marketplace, with a large number of plug-ins and frequent updates. It uses TypeScript and JavaScript to expand, and its API is more comprehensive.

How to run sublime python How to run sublime python Apr 16, 2025 am 08:54 AM

How to run Python scripts in Sublime Text: Install Python interpreter configuration Interpreter path in Sublime Text Press Ctrl B (Windows/Linux) or Cmd B (macOS) to run the script If an interactive console is required, press Ctrl \ (Windows/Linux) or Cmd \ (macOS)

How to set shortcut keys for sublime How to set shortcut keys for sublime Apr 16, 2025 am 09:15 AM

To set the shortcut keys for Sublime Text, follow these steps: Open the shortcut key settings file Key Bindings - User. Add shortcut key settings using the format { "keys": ["key combination"], "command": "command" }. Save changes. Reload the shortcut key settings for the changes to take effect.

See all articles