Sublime Text 3 complete and detailed graphic tutorial_h5 (2023)

Alibaba Cloud Developer: Build your first application on Alibaba Cloud with APIs, SDKs, and wizards.Read more >

I. Introduction

I have been using sublime Text for several years, and the version is from 2 to 3, but I like to drink ice water in cold weather. Warm and cool make people have self-awareness. At the beginning, I didn't know where to start, and I searched for information all over the place, but the information I could find was scattered, one-sided, not systematic, and comprehensive, so that I spent a lot of time and energy along the way. So the monk wrote this "Sublime text 3 Full Detail Guide", firstly, it is a summary of his own experience, secondly, it can give beginners a systematic and comprehensive guidance, so that they can avoid the detours I took that day, so Sublime Text can Quickly understand this great editor.

The version I'm currently using is a beta version of sublime Text 3 build 3083, which has been fairly stable. Therefore, all explanations in this article are subject to this version, taking Windows 7 x64 platform as an example. As for other versions, there is not much difference.

2. Features of Sublime Text

1. Sublime Text is a cross-platform code editor that can be used on Linux, OS X and Windows.

2. Sublime Text is scalable and contains a large number of useful plug-ins. We can install plug-ins in our own field to multiply the utility.

3. Sublime Text is the best choice for the command line environment and GUI. Using both at the same time will greatly improve work efficiency.

4. Sublime Text is a paid software, and it is recommended that those who have the ability to support the developer pay to use it. But you can use it anytime without buying it.

3. Download and install

1. Download: Currently it is the official version of v2.0.2. We open the website download link and download sublime Text 3 build 3083.

Among them, the "Windows" bit "Download to "Sublime Text build 3083 x64 Setup.exe" installer? "Portable version" is downloaded in the "Sublime Text build 3083 X64.zi P" editing package, which can be run without installation.

If your computer platform is Windows x86 or 32-bit system, click "Windows" to download the 32-bit installer, if you don't want to install it, click "Portable Version" to download the 32-bit processing package later.

(Video) How to create basic webpage with Sublime Text3

2. Installation: Double-click the download under "Sublime Text build 3083 x64 Setup.exe", remember to select "Add to Explorer context menu" and add it to the right-click shortcut menu. Other installations use default settings.

3. After the installation is complete, double-click the "Sublime Text 3" desktop shortcut icon, open the program, and you can see "Sublime Tex".

4. If you don't install "Sublime Text 3" in the default path, such as the D drive, please add environment variables.

fourth. Set font and font size

Menu item "Preferences--->user-setting", open "preferences.sublime-settings".

Add the code you want in the figure below, and set it according to your preferences. Set the font to "Font_face": "font name", set the font size to "font_size": "font size", note that they must be separated by commas.

fifth. install plugin

Before installing, first understand the sublime text extension, first look at the official website of the plugin:

When we enter the plug-in keywords in the search box, the relevant plug-ins will be displayed in real time below, and we can choose the plug-ins we want to know.

1. Install Package Inspector

Package Checker is an additional management pack, so we need to install it first. With this, we can easily browse, install and uninstall the plugins in Dawen.

Open the package control webpage, click the "Install Now" button on the right.

Go to the page, select the "SUBLIME TEXT 3" tab, and copy the code snippet inside:

(Video) HTML5 and CSS3 Autocomplete Package | HTML and CSS Autocomplete Package for Sublime Text 3

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages _path(); urllib.request.install_opener( urllib.request .build_opener(urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( '' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Download verification error (received %s instead of %s), try to install manually' % (dh, h)) if dh != h else open(os .path.join( ipp, pf), 'wb' ) .write(from)

Double-click the desktop "Sublime Text 3" to open the program, press the shortcut key CTRL+' to open the Sublime Text console, paste the previously copied code into the console, and press the 'Eenter' key.

Wait for the program to close and install, restart "Sublime Text 3", click the menu "Preferences" to see the item "Check Packages", the plug-in management package has been installed successfully.

2. Install the ConvertToUTF8 plugin

a) Function description: ConvertToUTF8 can convert the encoded file in Sublime Text to UTF8 encoding. Except for UTF8 encoding, garbled characters will appear when the file is opened at the beginning, and then normal fonts will automatically appear. Of course, after saving the file, the format encoding of the original file did not change.

B Installation method one: shortcut key ctrl+shift+p, open the "Command Palette" suspension dialog box, above "Installation", and then click "Package check: package installation".

Enter "Convert" in the floating dialog box that appears, and then click the "ConvertToUTF8" plug-in below to start the installation automatically, please wait patiently.

After the plugin is installed successfully, the status bar at the bottom of the Sublime Text 3 editor will indicate that the installation is successful.

c) Installation method 2: You can also download the complete plug-in package and decompress it, and put it in the C:\Users\userName\AppData\Roaming\Sublime Text 3\packages directory to achieve the purpose of installing the plug-in. Download address:

How to find the package directory. A shortcut method is: double-click to open "Sublime Text 3", the menu "Preferences--->Package Search ...".

Open the "Packages" directory where the plug-in package is directly stored. You can then copy the downloaded package to the Packages directory.

Of course, if you are familiar with Git, you can also use Git to directly clone the plug-in package from the GitHub repository of the plug-in in the Packages directory.

Note: All the plug-ins in the following can be installed through the above two methods. It is recommended to use the "Package Checker" to install the plug-ins, so I won't go into details.

3. Additional Bracke highlighter

(Video) Setting up a Python Development Environment in Sublime Text

Function description: Highlight the corresponding brackets, quotation marks, and labels.

Plug-in address:

4. Less plug-ins

Function description: Less syntax highlighting.

Plugin URL:

5. Sublime-less2css plugin

Function description: Compile the minimal file into a CSS file.

Plug-in address:

Accessibility: After the installation is complete, download less.js-windows from and configure the Less.js-windows environment variable.

6. Emmet plugin

Feature description: The predecessor of Emmet is the famous Zen Codin. Necessary for front-end development, an artifact for quickly writing HTML and CSS codes.

Mode: Default Hotkeys Tab

Plugin URL:

(Video) Tutorial Sublime Text 3 - #1 Instalasi

Utilities: PyV8 download address:

Note: The Emmet plugin needs the support of the PYV8 plugin, so the PyV8 plugin will be automatically installed when Emmet is installed. If the Emmet installation cannot be guaranteed, it may be that PyV8 is not fully installed, and Sublime Text 2 and 3 are prone to this problem. You can delete it , then manually download it using method two to install the PyV8 plugin.

How to use Example: write code Ul#nav>li.item$*8>a{item $}

Then set the cursor to the end of this line of code and automatically create the Tab key:

  • Item 1
  • element 2
  • element 3
  • element 4
  • element 5
  • element 6
  • element 7
  • (Video) Sublime Text Tutorials #13 - Sublime Text 3

  • element 8
  • This article is the English version of the original Chinese article on and is for reference only. This site makes no representations or warranties, express or implied, as to the accuracy, completeness, title or reliability of the articles or any translations thereof. If you have any concerns or complaints regarding this article, please email detailing your concerns or complaints. A staff member will contact you within 5 business days. Once verified, the infringing content will be deleted immediately.


    How do I use Sublime Text like a pro? ›

    Run code in Sublime Text. To run code in Sublime Text, go to Tools > Build System, and select the language for your code (Sublime comes with support for various languages like Python, Ruby, Bash, and more). Next, press Cmd+B on Mac or Ctrl+B on Windows to run your code.

    Which is better Visual Studio code or Sublime Text? ›

    Generally, VSCode takes around 5 seconds to load. However, it also hogs a lot of space since it requires several processes to run. As for Sublime Text, it uses C++ and Python, meaning it easily outpaces VSCode in terms of performance.

    How to install Python on Sublime Text 3? ›

    Install Package Control
    1. To install, copy the Python code for Sublime Text 3 found here. Click View > Show Console to open the ST3 console. Paste the code into the console. ...
    2. You can now install packages by using the keyboard shortcut Cmd + Shift + P . Start typing install until Package Control: Install Package appears.

    How long is Sublime Text free for? ›

    Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit for the evaluation.

    Is there anything better than Sublime Text? ›

    Other important factors to consider when researching alternatives to Sublime Text include user interface and software development. We have compiled a list of solutions that reviewers voted as the best overall alternatives and competitors to Sublime Text, including Notepad++, Visual Studio Code, UltraEdit, and Atom.

    What are the cons of using Sublime Text? ›

    The only drawback I encountered while using Sublime Text is the lack of some advanced features such as built-in debugging and version control features. Although these features are not essential for basic text editing, they may be necessary for more advanced development tasks.

    Is Notepad ++ better than sublime? ›

    The List of Platforms. Due to its simplicity, Notepad++ seems to be the better starting option for the Sublime vs Notepad debate. Plus, it can get you up to speed with HTML and JavaScript codes. However, Notepad++ is almost tailored for Windows.

    Is Sublime Text still worth it? ›

    Overall: Sublime Text is a powerful and versatile code editor with many customization options and a lightning-fast interface. While it may have a few downsides, such as the price and lack of built-in debugging, it's a great choice for developers who value speed, customization, and cross-platform compatibility.

    Is Sublime Text worth paying for? ›

    The only downside to Sublime Text is its price point. The full license for Sublime Text costs $80, which may be considered expensive for some users. However, the software's powerful features and capabilities make it worth the investment for developers who require advanced functionality.

    Can Python be written in Sublime Text? ›

    Yes, you can use Sublime Text 3 to run Python codes as it has basic built-in support. Sublime Text IDE is fast and will also allow you to customize your editor as per your needs in order to help you create a Python development environment.

    Is Sublime Text good for Python? ›

    In conclusion, Sublime Text is one of the best free code editors out there for python. The minimalistic interface makes it easy to use and distraction-free. It is also fast, and lightweight and the large ecosystem of packages can easily take care of all of your development needs.

    What version of Python is Sublime Text? ›

    Python Version

    By default all plugins are run using Python 3.3. 6, except inside the User package which always uses the latest python. Sublime Text's build of Python 3.3.

    Is Sublime good for beginners? ›

    Yes, Sublime Text is good for beginners because writing code on it is similar to writing on a word processor like Microsoft Word. If you get lost while using Sublime Text, you can use the file menu or file extension on the command pallet as a guide to complete your tasks.

    Is Sublime Text license forever? ›

    Personal licenses come with 3 years of updates. After 3 years, you'll be able to continue to use the last version released within 3 years of purchase (in other words, licenses do not expire). Any versions released 3 years or more after the purchase date will require a paid upgrade to use.

    Is Sublime Text license lifetime? ›

    Licenses purchased for Sublime Text 3 do not expire, however an upgrade fee will be required for Sublime Text 4. Licenses are per-user, so you're welcome to use the one license on all computers and operating systems where you are the primary user.

    Why do I still use Sublime? ›

    It's about preference. Some users of Sublime may have a setup that isn't easily reproducible in VSCode, so they stay with Sublime because they're more productive. Or maybe they've just been using sublime for years, it works for them, and they don't see a reason to switch.

    Why is Sublime Text so good? ›

    Sublime Text: A light-weight text editor for smooth coding

    We are able to program or write codes for web applications to creating responsive websites, within a single text editor. As it supports multiple languages, we are able to switch between programming language or integrate one with another.

    Why is vim better than Sublime? ›

    "Lightweight", "Plugins" and "Super fast" are the key factors why developers consider Sublime Text; whereas "Comes by default in most unix systems (remote editing)", "Fast" and "Highly configurable" are the primary reasons why Vim is favored.

    Is Sublime Text an IDE or text editor? ›

    Sublime Text editor is a sophisticated text editor which is widely used among developers. It includes wide features such as Syntax Highlight, Auto Indentation, File Type Recognition, Sidebar, Macros, Plug-in and Packages that make it easy for working with code base.

    What is the difference between Python and Sublime Text? ›

    Python's IDLE is the integrated development environment (IDE) and learning platform for Python. Sublime Text is a highly customizable text editing solution featuring advanced API, Goto functions, and other features, from Sublime HQ in Sydney. Sublime is more customizable and one can easily modify a lot of its features.

    What is the difference between Sublime Text and Sublime Merge? ›

    Sublime Merge belongs to "Source Code Management Desktop Apps" category of the tech stack, while Sublime Text can be primarily classified under "Text Editor".

    Is Sublime Text good for HTML? ›

    Programming Language

    Both Notepad++ and Sublime are compatible with languages such as HTML and Java. Notepad++ runs around 80 languages, and it can compile C++. However, Sublime can run over 80 computer languages, and it can also compile C++ and Python.

    Which is better PyCharm or Sublime? ›

    Conclusion on Sublime vs PyCharm

    If they want to start coding and use several programming languages, then Sublime might be the better choice. However, PyCharm is a much better fit for complex projects. Bottom line: both Sublime Text and PyCharm are great options for software development.

    Why is Notepad ++ better than Notepad? ›

    Notepad++ is a more Lightweight Program

    Despite the fact that Notepad++ is the more advanced program, it is also generally considered to be faster and more lightweight. This is because the ++ version is built on top of the Scintilla text editing component, which is optimized for speed and performance.

    What programming language does Sublime Text use? ›

    Sublime Text
    Developer(s)Jon Skinner, Sublime HQ
    Written inC++, Python
    Operating systemLinux, macOS, Microsoft Windows
    Platformx86_64, Apple M1, AArch64
    Typesource code editor
    8 more rows

    Why is Sublime unregistered? ›

    Sublime Text is fully functional in it's unregistered evaluation mode with the exception that: It reminds you every few saves to purchase it if you're going to use it for an extended purpose (i.e. it's not free to use forever, despite what many web pages and users claim)

    What languages can be written in Sublime Text? ›

    Is Sublime Text Lightweight? ›

    Sublime Text

    As for the features, Sublime Text has an advantage in that it's extremely lightweight (low resource usage), but still keeps around some of the more advanced features you would expect out of a top text editor.

    Which Python linter is best for Sublime Text 3? ›

    SublimeLinter and the flake8 plugin for it work best in Sublime Text 3. If you have a hard time getting them to work, consider trying the less-featureful but simpler package Python Flake8 Lint. This same admonition applies if you have trouble getting SublimeLinter to work.

    Which Python linter is best for Sublime Text? ›

    SublimeLinter-flake8, SublimeLinter-pep8, and SublimeLinter-pyflakes are good examples of python-based linters.

    Does Sublime Text come with a compiler? ›

    Sublime ships with a build system for C and C++ called C Single File (or C++ ) that can compile a single file program, or compile it and then run it for you.

    How much RAM does Sublime Text need? ›

    Sublime is using 3.5GB of memory for about 100K of 10 open files.

    What is the maximum file size for Sublime Text? ›

    Now we know Sublime Text may handle 1GB files, but only the Vanilla version, because if there are more packages installed, they will hang Sublime Text due the issue #1463 Packages are allowed to hang Sublime Text Indefinitely.

    What is the difference between Sublime Text 3 registered and unregistered? ›

    Registered users have access to dev releases which unregistered users don't. Granted, dev releases can at times be unstable, but usually major issues are quickly resolved. I am usually always running a dev build, though I sometimes defer updates to see if issues are found in new versions.

    Why is Sublime Text not free? ›

    Thanks for trying out Sublime Text. This is an unregistered evaluation version, and although the trial is untimed, a license must be purchased for continued use.

    Is Sublime Text good for C++? ›

    Sublime Text is one of the most popular editors for development in general. It's smooth and fast compared to other editors (being written in C++ helps that speed). Sublime also has tons of plugins you can find through Package Control. Download and install Sublime Text 3 from here.

    How much is the upgrade fee for Sublime? ›

    For customers who purchased in the 90 days prior to the announcement of Sublime Text 3, we are reducing the cost of upgrading from $15 down to $11. Customers who purchased Sublime Text 2 before this time period are still subject to a $30 upgrade fee when 3.0 is released.

    What is the best use of Sublime Text? ›

    Editing multiple files: One of the best features of Sublime Text is you can use it for editing multiple text files and lines of code at the same time. You can subsequently compare the project files to the different layouts available on the platform. Not every text source code editor has this feature.

    What is the advantage of Sublime Text? ›

    Using colorful coding makes it simple to review or write code and accurate code completion. In Sublime Text, there are a lot of shortcuts. It's easy to manipulate text, and we can text package controls to save a lot of time. Fast and efficient, Sublime Text is ideal for working with large datasets.

    How long can you use Sublime Text? ›

    Personal licenses come with 3 years of updates. After 3 years, you'll be able to continue to use the last version released within 3 years of purchase (in other words, licenses do not expire). Any versions released 3 years or more after the purchase date will require a paid upgrade to use.

    Which is better sublime or vim? ›

    "Lightweight", "Plugins" and "Super fast" are the key factors why developers consider Sublime Text; whereas "Comes by default in most unix systems (remote editing)", "Fast" and "Highly configurable" are the primary reasons why Vim is favored.

    What is the best Color Scheme for Sublime Text 3? ›

    Cyanide is one of the best Sublime text themes that has a functional and ultra-dark theme with a blue and white palette. It offers a high number of schemes including black, golden, purple mint, contrasted, alert, acid, etc.

    What is the best background color for code editor? ›

    Most developers use a black screen with color-coded syntax to reduce eye strain. As Toptal developer Kevin Bloch puts it: “A black background reduces eye strain and makes automatic color coding easier to read, which makes code much faster to understand at a glance.”

    What does purple mean in Sublime Text? ›

    Different text editors have different themes for syntax highlighting. For instance, Sublime Text 2's default theme highlights CSS class and ID selectors in green and element selectors in red. CSS properties are highlighted in blue, while the values are purple – length units in the value are highlighted red, etc...

    What is the difference between Visual Studio and Sublime Text? ›

    Overview. Visual Studio Code is a source code editor, which helps businesses build and debug web applications running on Windows, Linux,... Sublime Text is an application development software that helps businesses manage code refactoring, debugging, multi-monitor...

    Why do competitive programmers use Sublime Text? ›

    sublime is the best text editor for Competitive Programming . Also, it is a lite weight text editor and You can use file input-output so easily Handel big input-output. So, for setup sublime before you need to prepare your computer.

    Who uses Sublime Text? ›

    Who uses Sublime Text?
    Dailymotion SAdailymotion.com50M-100M
    Search Engine Optimization, Inc.seoinc.com10M-50M
    California State University-Stanislauscsustan.edu100M-200M
    Blackfriars Groupblackfriarsgroup.com1M-10M
    1 more row


    1. How to link HTML to CSS with Sublime Text 3
    (Kevin Eleven)
    2. Best Sublime Text 3 Setup Packages, Themes, Color Scheme, Fonts, Settings All in One Video In 2020
    (Thapa Technical)
    3. How To Run Code In Sublime Text
    (Tech With Tim)
    4. Sublime Text 3 Setup - Most Important Packages
    (Alessandro Castellani)
    5. Como usar el Sublime Text 3
    (Agustin Ramos)
    6. How to Install Sublime Text Editor with Crash Course Video Tutorial
    (lab4 dropzone)


    Top Articles
    Latest Posts
    Article information

    Author: Pres. Lawanda Wiegand

    Last Updated: 07/07/2023

    Views: 6139

    Rating: 4 / 5 (71 voted)

    Reviews: 86% of readers found this page helpful

    Author information

    Name: Pres. Lawanda Wiegand

    Birthday: 1993-01-10

    Address: Suite 391 6963 Ullrich Shore, Bellefort, WI 01350-7893

    Phone: +6806610432415

    Job: Dynamic Manufacturing Assistant

    Hobby: amateur radio, Taekwondo, Wood carving, Parkour, Skateboarding, Running, Rafting

    Introduction: My name is Pres. Lawanda Wiegand, I am a inquisitive, helpful, glamorous, cheerful, open, clever, innocent person who loves writing and wants to share my knowledge and understanding with you.