


How do I configure Sublime Text for linting in JavaScript (e.g., with ESLint)?
Jul 21, 2025 am 02:25 AMTo configure Sublime Text for JavaScript linting, first install Package Control, then install SublimeLinter and SublimeLinter-eslint plug-ins in turn, make sure that ESLint is installed in the project and the .eslintrc file is configured. Finally, adjust the settings of SublimeLinter as needed, such as displaying error icons, highlighting problem lines, setting delay time, etc.
Sure, setting up Sublime Text for JavaScript linting — especially with ESLint — is totally doable and makes your coding experience much smoother. Here's how to get it working without unecessary complexity.
Install Package Control (if not already)
Before installing any linters or plugins, you need Package Control , which is the standard package manager for Sublime Text.
- If you don't have it yet, open the command palette (
Ctrl Shift P
orCmd Shift P
on Mac), type Install Package Control , and hit Enter. - Wait a few seconds for it to install. Once done, you can proceed.
Install SublimeLinter and SublimeLinter-eslint
SublimeLinter is the core plugin that allows Sublime Text to show linting results inline. You'll also need the ESLint-specific part.
- Open the command palette again.
- Type Install Package Control: Install Package , then search for:
-
SublimeLinter
-
SublimeLinter-eslint
-
Install both packages this way. It may take a moment depending on your internet connection.
Make Sure ESLint Is Installed in Your Project
The SublimeLinter-eslint
plugin relies on having ESLint available either globally or locally in your project.
- For a specific project, make sure you have
eslint
listed in yourpackage.json
. If not, run:
npm install eslint --save-dev
- Or install it globally if you want it available everywhere:
npm install -g eslint
Also, ensure you have an .eslintrc
config file in your project root. Without that, ESLint won't know what rules to apply.
Configure SublimeLinter Settings
Now that everything is installed, you might want to tweak a few settings so it behaves the way you like.
Go to:
Preferences > Package Settings > SublimeLinter > Settings
You can adjust things like:
- Show errors in the gutter (with icons)
- Highlight lines with issues
- Set delay before linting starts as you type
A basic setup could look like:
{ "linters": { "eslint": { "executable": "eslint" } }, "show_errors_on_save": true, "styles": [ { "types": ["error"], "icon": "circle", "color": "red", "sublimelinter.mark-style": "outline" } ] }
If you're using a local version of ESLint inside a project, sometimes you may need to specify the path explicitly in the settings, especially if Sublime isn't picking it up automatically.
That's pretty much all. Once set up, you'll start seeing underlines and toolstips when there are ESLint violences — no need to switch tools or run checks manually every time. Not super fancy, but definitely useful once you're deep into code.
The above is the detailed content of How do I configure Sublime Text for linting in JavaScript (e.g., with ESLint)?. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Yes, SublimeText is available for free, but users are encouraged to purchase licenses. It offers an indefinite free trial, all features are available, but occasionally a window to remind you to purchase a license will pop up; you can use it individually or at will, but purchasing a license can support development and remove reminders; the license is permanently valid and applicable to all platforms, with a single user license fee of $90, supports multi-user and team authorization, and provides educational and bulk discounts; copy the license key to the software after purchase and activate without an account or online activation.

SublimeText's multi-cursor editing feature allows efficient code editing in a variety of ways. First, hold down Alt (Windows/Linux) or Option (Mac) and click to add multiple cursors; secondly, press Ctrl Shift L (or Cmd Shift L) after selecting the text to edit all matches at the same time; thirdly, use Shift Alt to drag the mouse to achieve column selection, and edit multiple rows vertically; in addition, you can gradually expand the selected instance through Ctrl D (or Cmd D), press Esc to exit the multi-cursor mode, and press Ctrl U (or Cmd U) to undo the last cursor addition. These techniques greatly improve the efficiency of code modification.

ToconfigurekeybindingsforbuildsystemsinSublimeText,opentheUserkeybindingsfileviaPreferences>KeyBindings,thenedittherightpanewithcustomJSONentries.EachentryisaJSONobjectspecifying"keys","command",andoptionally"args".Fo

SublimeText has many practical but easily overlooked features. 1. Multiple selection and quick editing: supports multi-cursor operation, splitting and selecting rows, batch modifying the same words to improve the efficiency of processing duplicate content; 2. Fuzzy search expansion function: can jump function definition, specify line number, and global search symbols to facilitate navigation of large projects; 3. Automatic saving and project recovery: no manual saving, it can automatically recover after crash, retaining the multi-task working state; 4. Custom shortcut keys and plug-in extensions: Install plug-ins and custom shortcut keys through the command panel to significantly improve personalized editing efficiency.

To install the SublimeText plug-in, please make sure that PackageControl is installed. If it is not installed, you can get the code from the official website to run it on the console. 1. Open the console (Ctrl `) and paste the installation code. 2. Press Ctrl Shift P to open the command panel. 3. Enter "InstallPackageControl" to install (if not installed yet). 4. Open the command panel again and enter "InstallPackage" to select the corresponding option. 5. Search and select the required plugin in the package list for installation. 6. After the installation is completed, you can enter "ListPackages" in the command panel to confirm whether it is successful. Some plugins may require additional configuration, but

SublimeText's best package improves web development efficiency. 1. Emmet quickly generates HTML/CSS code, such as using the abbreviation div.container to automatically generate complete tags, and supports nested and duplicate elements; 2. SideBarEnhancements enhances file management, providing new templates, trash can move, right-click browser opening and other functions; 3. CSScomb automatically organizes the order of CSS attributes, improves readability and maintenance, and supports custom sorting rules; 4. GitGutter displays code change marks, which facilitates quick view of newly added, deleted or modified lines of code; 5. LSP and language plug-ins provide real-time code prompts such as intelligent completion, jump definition, error checking, etc.

To set up SublimeText for Python development, first install PackageControl, then install the plug-in, configure the build system, and enable automatic formatting. 1. Install PackageControl: Install through the console paste commands; 2. Install plug-ins: such as Anaconda, SublimeREPL, PythonFlake8Lint to enhance functions; 3. Configure the build system: Create a custom Python3.sublime-build file and select the corresponding interpreter path; 4. Enable automatic formatting: Use YAPF or Black combined with shortcut keys to achieve code beautification.

To use SublimeText more effectively, you can refer to the following resources: 1. Official documents and built-in help provide accurate information on core functions and configuration options; 2. YouTube channels such as TheNetNinja and TraversyMedia provide video tutorials; 3. Forums and community websites such as SublimeText forums and Reddit provide plug-ins and question answers; 4. Books and in-depth guides such as "MasteringSublimeText" are suitable for reading long articles; 5. Use PackageControl to install plug-ins such as Emmet and GitGutter to improve efficiency. By combining these resources with different learning methods, Sublim can be comprehensively improved
