Released: Nov 12, 2024

2024.3 での更新項目

機能

Key Highlights

• Improved framework component navigation and renaming
  • JetBrains have enhanced in-editor hints for Vue, Svelte, and Astro components. The Show component usages action now finds usages in both imports and markup templates. JetBrains have also added a Show Component Usages filter to exclude component usages when searching for regular file references. The Rename refactoring has also been updated with an option to include usages 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, is now bundled with WebStorm at no extra cost. You can query, create, and manage databases directly in the IDE. This extends WebStorm’s capabilities for backend and full-stack development. It also makes switching between JetBrains IDEs easier, as most of them include this functionality.
• Better code completion with AI Assistant
  • JetBrains have worked to address the main concerns about AI Assistant’s quality. This release improves code completion for JavaScript and TypeScript and adds support for HTML and CSS. By combining local full-line suggestions with cloud-based suggestions from JetBrains' in-house LLMs, JetBrains have enhanced speed and accuracy while reducing irrelevant suggestions.

Frameworks and Technologies

• Color preview for Tailwind CSS classes
  • The color preview for Tailwind CSS classes is now shown inline in the editor, making it easier to tell the colors apart. JetBrains have added support for the textDocument/documentColor method from the Language Server Protocol (LSP), so all LSP-based plugins now offer this functionality out of the box.
• Improvements for Angular
  • For projects with Angular 19, WebStorm now defaults to standalone mode for components, directives, and pipes. Quick-fixes have been added to help convert between standalone and non-standalone components. Unused standalone imports can be automatically removed during code reformatting or via a new inspection. Support for the @let syntax has also been improved.
• Correct handling of .prettierignore in subfolders
  • WebStorm now properly handles .prettierignore files in subfolders with a package.json, ensuring ignored files aren’t formatted. A new option also lets you specify custom ignore files.
• Bundled Vue Language Server
  • The Vue Language Server is now bundled with WebStorm to enhance reliability and prevent issues with loading on WSL. In the future, JetBrains plan to do the same for Svelte, Astro, and other technologies.
• Improvements for Svelte
  • JetBrains have added support for the <script module> attribute, ensuring symbols from these blocks are resolved correctly. Additionally, there's a new checkbox to disable SvelteKit a11y warnings, giving you more control over accessibility warnings.
• Support for CSS exported via package.json
  • JetBrains have added support for the exports field in package.json for CSS, Sass, SCSS, and Less. If styles are exported via package.json, WebStorm will no longer show warnings about unresolved variables.
• Bun debugging support for Windows
  • Basic Bun debugging, previously available only on macOS and Linux, is now supported on Windows. You can set breakpoints, step through code, inspect variables, and evaluate expressions within WebStorm.

User Experience

• Optimized placement for the Rename action
  • JetBrains have optimized the placement of the Rename action in the context menu when it’s called on elements in the editor and the Project tool window. The action is now at the top level, making it easier to quickly rename files, variables, and other elements.
• Cleaner search results for directories
  • WebStorm now excludes node_modules results by default when using Find in Files in project directories, reducing clutter from irrelevant files. You can restore the previous behavior by enabling the Search in library files when “Directory” is selected in Find in Files option under Settings | Advanced Settings.
• Highlight occurrences of selected text
  • By default, WebStorm will now automatically highlight all instances of the text you select within a file. This makes it easier to track where your selected text appears throughout your code.
• .idea directory displayed by default
  • Previously, the .idea folder – a place where WebStorm stores internal configuration settings – was hidden by default. This made it harder for some users to commit project-wide configurations. To address this, JetBrains have made it visible in the Project tool window.
• Better recognition of generated files
  • WebStorm now automatically excludes unnecessary files in the dist folder from indexing to optimize CPU usage and decrease indexing time.
• Better support for projects in WSL
  • JetBrains continue to improve the reliability of projects that are hosted on WSL and opened from Windows in the IDE. In particular, support for symlinks has been added, and interaction with WSL has been switched to Hyper-V sockets, which has improved the performance of the IDE's interaction with WSL.
• New features available during indexing
  • When you open or update your project, WebStorm indexes it, making some features temporarily inaccessible. JetBrains are working to improve this by allowing more functionality during indexing. With this update, Search Everywhere (Shift+Shift) now works for already indexed parts of the project, along with spelling and grammar checks.

Integrated Developer Tools

• Option to disable background pre-commit checks
  • You can now manage background checks during the commit process with a new option. This setting lets you decide if tests and inspections should run after making a commit. If you want to wait for these checks to complete, simply disable this option.
• New Docker Compose build attributes
  • JetBrains have added support for new Docker Compose attributes that give you better control over builds, resource management, service orchestration, and networking within Docker Compose, making development more efficient and flexible.
• Improved compatibility for Dev Container templates
  • JetBrains have improved the compatibility of Dev Container templates, which weren’t originally designed to operate in remote environments. Previously, Dev Container templates often included configurations that assumed local execution, leading to issues when running containers on remote Docker instances. Now, WebStorm ensures that templates not optimized for remote use still function correctly.