How to run sublime code in browser html

The following steps are available for running browser code for HTML files in Sublime Text: Install the "Live Server" or "Web Server for Chrome" extension. To configure the build system for Sublime Text, add the following code: {"cmd": ["live-server", "${file}"], "selector": "source.html"}. Run the code: Open the HTML file, go to "Tools" > "Build", select the created build system, and start the local server to run the code in the browser.

How to run browser code for HTML files in Sublime Text

Step 1: Install the browser plugin

• Google Chrome: Install the "Live Server" extension.
• Mozilla Firefox: Install the "Web Server for Chrome" extension.

Step 2: Configure the Sublime Text Build System

In Sublime Text, go to:

• Menu Bar > Tools > Build System > New Build System
• Enter the following JSON code and save the file (for example, in the user directory):

 <code class="json">{ "cmd": ["live-server", "${file}"], "selector": "source.html" }</code>

Replace "live-server" with the name of the browser extension you installed (i.e. "web-server").

Step 3: Run the code

• Make sure the HTML file is opened.
• Go to the menu bar > Tools > Build and select the build system you created (for example, "Live Server").

Sublime Text will now start a local server in the browser and run your HTML code.

Other notes:

• Make sure Node.js is installed in the system path, because "live-server" depends on it.
• If you want to run the server on a different port, you can add the "port" parameter to the build system:

 <code class="json">"cmd": ["live-server", "${file}", "--port", "8080"]</code>

The above is the detailed content of How to run sublime code in browser html. For more information, please follow other related articles on the PHP Chinese website!