Download JetBrains WebStorm Download | TechSpot

Go straight to coding without having to install and configure many plugins. WebStorm includes everything you need for JavaScript and TypeScript development right from the start. You can further customize it with different plugins and settings.

Functions

Code Completion

Code faster with relevant keywords and symbol suggestions shown as you type. All suggestions are context- and type-aware and work across different languages ​​– i.e. class names from CSS will be completed in your .js files with machine learning support. You can also use postfix completion, live templates and Emmet to increase your productivity.

Code quality analysis

WebStorm makes it easy to spot bugs and typos in your code. It includes hundreds of inspections for all supported languages ​​and a built-in spelling and grammar checker. It also integrates with Stylelint and ESLint for greater flexibility. WebStorm will run them against your code as you type and highlight any issues right in the editor. All errors and warnings are reported in the editor as you type, with many quick fix options available.

Safe refactorings

Let WebStorm help you do what it does best – refactoring code safely across your entire codebase. You can rename files, folders and symbols as well as extract components, methods or variables without worrying about breaking anything – WebStorm will tell you about any problems.

Fast documentation

Looking up the documentation for a symbol? There is no need to leave the IDE! Just hover over the symbol or place the checkmark on it and press Ctrl+Q to see all the relevant information. In addition, WebStorm can show you parameter hints in calls to methods and functions.

Embedded HTML preview

You can preview static HTML files right in WebStorm. The changes you make to an HTML file or the linked CSS and JavaScript files will be saved, with the preview reloaded automatically so you can see the changes.

Efficiency-enhancing functions

WebStorm is built with productivity in mind, so there’s a lot more to help you code faster. Multiple indicators, line editing actions, and duplicate code detection are just some of the time-saving features you can try.

Navigation and search

Save time moving around your code base as your projects grow in size and complexity.

Search everywhere

Don’t know where to start? The Search Anywhere popup (Shift+Shift) helps you find almost anything in WebStorm. Use it to search for IDE actions, files, classes, symbols or text strings and see all the matches in one place.

Code navigation

WebStorm can quickly take you to symbol declarations and show you their usage across the entire project. Just place the check mark next to a variable, field, method or other symbol and press Ctrl+B.

Project navigation

Browse through all the project files or just jump between your last files or changed parts of the code – WebStorm will remember what you were working on and you can quickly return to it. Use tabs for navigation, or turn them off and rely on shortcuts instead.

File search

You can use a dedicated search for text strings. It allows you to find and replace text strings both within specific files and entire projects. You can limit the search to a selected code fragment in a file using various project scopes and filters.

Version control integration

Worried about breaking something during a complex operation with Git? You can compare branches, see differences, resolve merge conflicts and more using WebStorm’s user interface to support your daily workflows. You can also manage projects hosted on GitHub directly from the IDE.

Local history

What if you forget to make a change in version control or accidentally delete a bunch of files? WebStorm has a solution: a built-in Local History. It tracks all changes made to your project files and allows you to roll them back, even if you’re not using version control for your project yet.

JavaScript debugging

Run and debug client-side and Node.js applications right where you edit code. Add breakpoints, step through the program, set clocks and more – all with a unified experience across different types of applications.

Unit testing

Write, run and debug your unit tests using Jest, Mocha, Gradestok and Vitest. Review the test results in a tree view and navigate to the test source from there. For Jest, Vitest and Mocha, you can also see a code coverage report right in WebStorm.

Better integration

Use Prettier to format selected code fragments as well as entire files or directories. You can configure WebStorm to run Prettier automatically on save and set it as the default formatting.

Docker support

You can run and debug your applications in Docker containers, download and build images, run multi-container applications using Docker Compose, and more, all from the IDE.

Terminal

Do you prefer to use the command line for certain tasks? WebStorm’s built-in terminal allows you to work with the command-line shell without leaving the IDE. You can navigate to files from it, and it supports all the same commands as your operating system.

Built-in HTTP client

Test your web services using the HTTP client integrated with WebStorm. You can create, edit and run HTTP requests right in the editor and share them with your whole team.

Package managers

WebStorm integrates with npm, Yarn and pnpm, allowing you to use your preferred package manager to install, find, update and remove packages from within the IDE.

Support for database tools and SQL

Database tools and full SQL support are included with WebStorm at no extra cost. You can query, create and manage databases directly in the IDE.

What’s new

This release addresses several ongoing issues and improves previously introduced features. Key improvements include improved navigation and renaming of framework components, built-in database tools and SQL support, and better AI-powered code completion.

Improved navigation and renaming of frame components

We’ve improved in-editor hints for Vue, Svelte, and Astro components. The Show component usage action is now used in both import and markup templates. We’ve also added a Show Component Usage filter to exclude component usage when searching for common file references. Name refactoring has also been updated with an option to include scopes when renaming a component file.

Built-in support for database tools and SQL

Database tools and full SQL support, previously available through a paid plugin, are now bundled with WebStorm at no extra cost. You can query, create and manage databases directly in the IDE. This expands WebStorm’s possibilities for backend and full-stack development. It also makes switching between JetBrain’s IDEs easier, as most of them include this functionality.

Better AI-powered code completion

We’ve improved code completion for JavaScript and TypeScript and added support for HTML and CSS.

Quality improvements

You’ll find many small quality improvements in this update, from better support for projects in WSL to cleaner search results in Find in files with node_modules excluded.