search
HomeDevelopment ToolssublimeHow to format html/css/js in sublime with one click

The following tutorial column of sublime will introduce you to sublime's one-click formatting of html/css/js. I hope it will be helpful to friends in need!

How to format html/css/js in sublime with one click

1. Use the shortcut key ctrl shift p to bring up the console, enter install package, and then enter html-css-js prettify to download

2. After the download is completed, open the package settings in preference, and the following content will appear:

html-css-js prettify is successfully installed.

3. The specific shortcut keys are in preference > package setting > html/css/js prettify > keyboard-shortcuts-default


Note: easy mistakes!

When the blogger used it for the first time, pressing ctrl shift h did not work. He found that this plug-in relied on node.js, so he had to download node.js (no level required to download node.js Too low)

node.js download address: http://nodejs.cn/download/

After downloading, use cmd, enter the downloaded directory, and use node.exe --version

In this way node.js is installed successfully!

Then modify the

red mark in preference > package setting > html/css/js prettify > plugin-options-default in sublime Change it to the installation address of node

Use ctrl shift h again to format html/css/js

ps:

There may be a hotkey conflict, I Using Sogou input method, using ctrl shift h is to change the skin of Sogou input method. You have to switch to English under the input method that comes with the computer before you can use it!

The above is the detailed content of How to format html/css/js in sublime with one click. For more information, please follow other related articles on the PHP Chinese website!

Statement
This article is reproduced at:csdn. 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

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software