{"id":509199,"date":"2024-09-11T14:30:20","date_gmt":"2024-09-11T13:30:20","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=webstorm&#038;p=509199"},"modified":"2024-11-18T08:03:48","modified_gmt":"2024-11-18T07:03:48","slug":"what-s-next-the-webstorm-2024-3-roadmap","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/ko\/webstorm\/2024\/09\/what-s-next-the-webstorm-2024-3-roadmap","title":{"rendered":"What\u2019s Next: The WebStorm 2024.3 Roadmap"},"content":{"rendered":"\n<p>In August of this year, we released <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2024\/08\/webstorm-2024-2\/\">WebStorm 2024.2<\/a>, our second major update for 2024. Thank you to everyone who is already using it and providing feedback.&nbsp;<\/p>\n\n\n\n<p>With August now behind us, we\u2019d like to announce what we\u2019ve got planned for the next release of WebStorm, which is scheduled for the middle of November, with our usual disclaimer:<strong> these plans are subject to change<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Also, as usual, we\u2019ll be releasing <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/09\/webstorm-eap\/\">EAP builds<\/a> in the run-up to this release. We encourage you to try these builds, provide feedback on the features, and report any issues you discover. At this stage, you can significantly impact the product\u2019s development.<\/p>\n\n\n\n<p>Our primary focus with this release is on improving the stability and quality of WebStorm and some of its subsystems. Here are our most significant plans for WebStorm 2024.3:<\/p>\n\n\n\n<ul>\n<li><strong>WebStorm@next TypeScript engine <\/strong>\u2013<strong> <\/strong>We\u2019ve been working on delivering our <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2023\/12\/try-the-future-typescript-engine-with-the-webstorm-next-program\/\">TypeScript engine<\/a> for the last year. We\u2019re excited to announce significant performance improvements in WebStorm@next, with minimal functionality regression. If it meets our strict quality criteria by the end of the 2024.3 Early Access Program (EAP), it will be enabled by default in the release. Initially, WebStorm@next will focus on TypeScript, React, and Angular, with Vue potentially included if optimizations are completed.&nbsp;<\/li>\n\n\n\n<li><strong>Database plugin <\/strong>\u2013<strong> <\/strong>We\u2019re going to reconsider how the current <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/10925-database-tools-and-sql-for-webstorm\" target=\"_blank\" rel=\"noopener\">Database Tools and SQL plugin<\/a> license model works with WebStorm subscriptions, and try to find a more suitable solution. This plugin provides you with database tools to query, create, and manage databases and full SQL language support.<\/li>\n\n\n\n<li><strong>Tailwind CSS color preview <\/strong>\u2013 We\u2019re enhancing our Tailwind integration by adding color previews, making it easier to quickly identify the colors that are applied to elements. (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-47817\" target=\"_blank\" rel=\"noopener\">WEB-47817<\/a>).<\/li>\n\n\n\n<li><strong>New functionality during indexing <\/strong>\u2013 To improve the startup experience and reduce waiting times, certain dumb functionality (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-64105\" target=\"_blank\" rel=\"noopener\">WEB-64105<\/a>, <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-64106\" target=\"_blank\" rel=\"noopener\">WEB-64106<\/a>, and <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-64107\" target=\"_blank\" rel=\"noopener\">WEB-64107<\/a>) will now be accessible during indexing.<\/li>\n\n\n\n<li><strong>Improved test framework support <\/strong>\u2013 Certain limitations of the current test framework support can cause test files to be misidentified. We\u2019ll be making significant internal changes and general test framework support improvements to fix this issue (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-64971\" target=\"_blank\" rel=\"noopener\">WEB-64971<\/a> and <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-67720\" target=\"_blank\" rel=\"noopener\">WEB-67720<\/a>).<\/li>\n\n\n\n<li><strong>Enhanced <\/strong><strong><em>Show Component Usages<\/em><\/strong><strong> <\/strong>\u2013 We\u2019re updating how WebStorm handles components. Template usages will now be recognized as part of the file, improving both the <em>Show Component Usages<\/em> action for Vue, Svelte, and Astro, as well as the <em>Rename<\/em> feature (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-65061\" target=\"_blank\" rel=\"noopener\">WEB-65061<\/a>).<\/li>\n\n\n\n<li><strong><em>Disable SvelteKit a11y warnings<\/em><\/strong><strong> option <\/strong>\u2013 We&#8217;ll add a new option to disable accessibility (a11y) warnings from the Svelte Language Service (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-62537\" target=\"_blank\" rel=\"noopener\">WEB-62537<\/a>).<\/li>\n\n\n\n<li><strong>Monorepo project improvements <\/strong>\u2013<strong> <\/strong>We\u2019ll make searches in monorepo projects more focused and manageable by excluding search results from <code>node_modules<\/code> in the <em>Find in Files<\/em> directory tab by default (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-25601\" target=\"_blank\" rel=\"noopener\">WEB-25601<\/a>).<\/li>\n\n\n\n<li><strong>Enhanced monorepo imports <\/strong>\u2013<strong> <\/strong>We&#8217;ll improve the handling of imports in monorepos to reduce the number of incorrect imports from libraries or subprojects. This will address common issues related to auto-generated output folders like dist (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-68309\" target=\"_blank\" rel=\"noopener\">WEB-68309<\/a>) and problems associated with the partial support for the <code>exports<\/code> field in <code>package.json<\/code> (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-68290\" target=\"_blank\" rel=\"noopener\">WEB-68290<\/a>).<\/li>\n\n\n\n<li><strong>Support for exports in CSS <\/strong>\u2013<strong> <\/strong>We\u2019re adding support for the <code>exports<\/code> field in <code>package.json<\/code> for CSS files (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-55017\" target=\"_blank\" rel=\"noopener\">WEB-55017<\/a>).<\/li>\n\n\n\n<li><strong><code>.idea<\/code> directory displayed by default <\/strong>\u2013 Historically, the <code>.idea<\/code> folder has been hidden by default. Moving forward, we\u2019ve decided to display all files in the projects to enhance transparency (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-68009\" target=\"_blank\" rel=\"noopener\">WEB-68009<\/a>).<\/li>\n\n\n\n<li><strong>Improved JSX attribute experience&nbsp; <\/strong>\u2013 We\u2019ll no longer include the equal sign (<code>=<\/code>) for boolean JSX attributes (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-62632\" target=\"_blank\" rel=\"noopener\">WEB-62632<\/a>).<\/li>\n\n\n\n<li><strong>Angular template usages displayed with class usages <\/strong>\u2013 We\u2019re making Angular usage tracking more intuitive. When you invoke <em>Show Usages<\/em> on an Angular class, WebStorm will now display usages from templates as well (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-68183\" target=\"_blank\" rel=\"noopener\">WEB-68183<\/a>).<\/li>\n\n\n\n<li><strong>Unused import inspections for Angular <\/strong>\u2013 We plan to introduce unused import inspections for Angular NgModule and standalone components, allowing you to reduce the number of unnecessary dependencies by identifying and removing unused imports (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-38266\" target=\"_blank\" rel=\"noopener\">WEB-38266<\/a>). This will also be added to version 2024.2.<\/li>\n\n\n\n<li><strong>Bundled Vue, Svelte, and Astro language servers<\/strong> \u2013 We plan to bundle the primary language services to enhance product reliability, prevent issues with language-server loading on WSL, and address security concerns associated with downloading language servers from the internet.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>That\u2019s all for now! Check out the 2024.3 Early Access Program to test these features as they become available!<\/p>\n\n\n\n<p><em>The WebStorm team<\/em><\/p>\n","protected":false},"author":743,"featured_media":509211,"comment_status":"closed","ping_status":"closed","template":"","categories":[89],"tags":[8578],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/webstorm\/509199"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/webstorm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/types\/webstorm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/users\/743"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/comments?post=509199"}],"version-history":[{"count":10,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/webstorm\/509199\/revisions"}],"predecessor-version":[{"id":527944,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/webstorm\/509199\/revisions\/527944"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media\/509211"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media?parent=509199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/categories?post=509199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/tags?post=509199"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/cross-post-tag?post=509199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}