{"id":485749,"date":"2024-06-19T15:37:43","date_gmt":"2024-06-19T14:37:43","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=webstorm&p=485749"},"modified":"2024-06-19T15:37:47","modified_gmt":"2024-06-19T14:37:47","slug":"webstorm-2024-2-eap2","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/zh-hans\/webstorm\/2024\/06\/webstorm-2024-2-eap2","title":{"rendered":"WebStorm 2024.2 EAP Digest #2: New TypeScript Engine, Ability to Run .ts Files, Git and Markdown Improvements"},"content":{"rendered":"\n

We\u2019re halfway through the Early Access Program for WebStorm 2024.2! It\u2019s been a while since we walked you through the latest improvements and features in this release, so it\u2019s about time for an update. Read on to learn about the key changes that made it into the EAP builds in the past few weeks. For more information, check out our previous blog posts<\/a>.<\/p>\n\n\n\n

The Toolbox App<\/a> is the easiest way to get the EAP builds and keep both your stable and EAP versions up to date. You can also manually download the EAP builds from our website<\/a>.<\/p>\n\n\n\n

\nDOWNLOAD WEBSTORM 2024.2 EAP<\/a><\/p><\/p>\n\n\n\n

Important! WebStorm EAP builds are not fully tested and might be unstable.<\/strong><\/p>\n\n\n\n

Please try the latest EAP build and share your feedback with us. You can do so using our issue tracker<\/a> or by leaving a comment on this blog post.<\/p>\n\n\n\n

Key highlights<\/h2>\n\n\n\n

Directly run and debug TypeScript files without any configuration<\/h3>\n\n\n\n

Since EAP3, WebStorm IDE provides the ability to run TypeScript files directly within the IDE without any additional setup. This feature allows users to run and debug TypeScript files directly within the IDE without any additional setup, utilizing the integrated tsx<\/code><\/a> bundler. You can now execute TypeScript files from different entry points, including the file context menu, the Run widget<\/em>, and the “Current file<\/em>” configuration for scratch files. The bundled loader eliminates the need for extra dependencies, though it does come with some limitations, such as requiring Node 18 or higher, no type-checking, and limited support for tsconfig.json<\/code>. You can disable the bundled loader in the configuration settings if it’s not needed.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

New TypeScript engine now enabled by default<\/h3>\n\n\n\n

The WebStorm@next<\/a> program has introduced a new TypeScript engine, to enhance type evaluation and overall performance. This engine uses the TypeScript language server, improving type inference and compatibility. Here is a case in point<\/a>.

The new engine promises a smoother development experience and ongoing improvements for better support across various frameworks. The new engine has been enabled by default since EAP4. You can toggle it using Settings<\/em> | Languages & Frameworks<\/em> | TypeScript<\/em> > Use types from server<\/em> option:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Improved commit graph in the Log<\/em> tab<\/h3>\n\n\n\n

To improve the visual perception of the commit graph in the Log<\/em> tab of the Git<\/em> tool window, we\u2019ve refined the color encoding and layout of branch lines. Important branch lines now consistently remain on the left-hand side of the graph and retain their designated colors, making them easier to identify and follow. <\/p>\n\n\n\n

Previously, commits from important branches were sometimes not correctly laid out or colored because their heads were contained within less important branches. This update ensures that important branches are always clearly visible and consistently colored.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Support for math syntax in Markdown files <\/h3>\n\n\n\n

WebStorm can now natively render mathematical expressions in Markdown files. In WebStorm 2024.2, you can use $<\/code> to insert inline math expressions and $$<\/code> for code blocks containing math content.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Improved Customize Main Toolbar<\/em> dialog<\/h3>\n\n\n\n

We\u2019ve redesigned the layout and behavior of the UI elements in the Customize Main Toolbar<\/em> dialog, making it more intuitive and organized. Now, it\u2019s easier to search for, add, and delete actions in the main toolbar.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Other highlights<\/h2>\n\n\n\n

We’ve resolved the following longstanding issues:<\/p>\n\n\n\n