{"id":120371,"date":"2021-03-11T15:05:27","date_gmt":"2021-03-11T14:05:27","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=webstorm&#038;p=120371"},"modified":"2021-03-11T15:05:27","modified_gmt":"2021-03-11T14:05:27","slug":"webstorm-2021-1-beta-2","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/zh-hans\/webstorm\/2021\/03\/webstorm-2021-1-beta-2","title":{"rendered":"WebStorm 2021.1 Beta 2 Is Here With ML-Assisted Completion for JavaScript and TypeScript"},"content":{"rendered":"<p>WebStorm 2021.1 Beta 2 is now available! Please try it out and <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener\">share your feedback<\/a> on the latest enhancements. To catch up on all the new features, check out our <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/tag\/webstorm-2021-1\/\">previous EAP blog posts<\/a>.<\/p>\n<\/p>\n<p>The <a href=\"https:\/\/www.jetbrains.com\/toolbox\/app\/\" target=\"_blank\" rel=\"noopener\">Toolbox App<\/a> is the easiest way to get the EAP builds and keep both your stable and EAP versions up to date. Or you can manually download the EAP builds from our <a href=\"https:\/\/www.jetbrains.com\/webstorm\/nextversion\/\" target=\"_blank\" rel=\"noopener\">website<\/a>.<\/p>\n<p align=\"center\"><a class=\"jb-download-button\" href=\"https:\/\/www.jetbrains.com\/webstorm\/nextversion\" target=\"_blank\" rel=\"noopener\">DOWNLOAD WEBSTORM 2021.1 BETA<\/a><\/p>\n<p>Here are some of the highlights of WebStorm 2021.1 Beta 2. For the full list of issues fixed in this update, see the <a href=\"https:\/\/confluence.jetbrains.com\/display\/WI\/WebStorm+211.6432.11+Release+Notes\" target=\"_blank\" rel=\"noopener\">release notes<\/a>.<\/p>\n<h2 id=\"ml_assisted_completion_enabled_by_default\">ML-assisted completion enabled by default<\/h2>\n<p>Last year <a href=\"https:\/\/blog.jetbrains.com\/zh-hans\/webstorm\/2020\/07\/webstorm-2020-2#experimental_ml_assisted_code_completion\">we introduced<\/a> experimental ML-assisted code completion for JavaScript and TypeScript. As the feedback and statistics regarding this feature were positive, we\u2019ve decided to turn it on by default in WebStorm 2021.1. Now, completion suggestions in your <em>.js<\/em> and <em>.ts<\/em> files will be sorted using machine-learning algorithms.<\/p>\n<p><img decoding=\"async\" alt=\"ml-assisted-completion-ws-2021-1\" width=\"600\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/ml-assisted-completion-ts-2021-1.png\"\/><\/p>\n<p>To tweak the settings for this feature, go to <em>Preferences\/Settings | Editor | General | Code Completion<\/em> and modify the available options under <em>Machine Learning-Assisted Completion<\/em>.<\/p>\n<p>Your privacy is of the utmost importance to us, so please rest assured that with this new feature turned on, <strong>we don\u2019t send your personal data and code anywhere<\/strong>. If you\u2019re using the EAP builds, only anonymized data about your usage of code completion is collected. For stable builds, not even this usage information is collected.<\/p>\n<h2 id=\"improvements_for_the_http_client\">Improvements for the HTTP client<\/h2>\n<p>We\u2019ve implemented several enhancements that will make your work with the built-in <a href=\"https:\/\/www.jetbrains.com\/help\/webstorm\/http-client-in-product-code-editor.html\" target=\"_blank\" rel=\"noopener\">HTTP client<\/a> simpler.<\/p>\n<h3 id=\"ux_and_ui_updates\">UX and UI updates<\/h3>\n<p>The first few enhancements touch upon the <em>Services<\/em> tool window. When you run a request from the HTTP client and review the output in that tool window, you can now collapse the response. To do so, click on the minus icon next to them.<\/p>\n<p><img decoding=\"async\" alt=\"minus-plus-icons-in-http-client\" width=\"600\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/minus-plus-icons-in-http-client.png\"\/><\/p>\n<p>We\u2019ve also given the right vertical pane a new look. Firstly, the response view settings are now grouped under the \u201ceye\u201d icon. When you click on it, you can choose to show line numbers and the format for viewing the response. Plus, we\u2019ve made it easier to scroll to the top and to the bottom of the response by clicking the respective icons.<\/p>\n<p>The last new icon, <em>Copy Response Body To Clipboard<\/em>, allows you to copy the response body without all the additional info that the full response contains.<\/p>\n<p><img decoding=\"async\" alt=\"ui-improvements-in-http-client-2021-1\" width=\"600\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/ui-improvements-in-http-client-2021-1.gif\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/ui-improvements-in-http-client-2021-1.png\"\/><\/p>\n<h3 id=\"new_inspection_for_converting_to_https\">New inspection for converting to https<\/h3>\n<p>WebStorm will now highlight usages of the <em>http:\/\/ <\/em>protocol and suggest changing them to <em>https:\/\/<\/em>. To try it out, hover over such a usage or place the caret on it and press <em>Alt+Enter<\/em>, then select <em>Change prefix to <\/em><em>https:\/\/.<\/em><\/p>\n<p><img decoding=\"async\" alt=\"change-prefix-to-https\" width=\"600\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/change-prefix-to-https.gif\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/change-prefix-to-https.png\"\/><\/p>\n<p>We\u2019ve decided to turn this inspection on by default. If you want to add a URL to the list of ignored URLs or turn the inspection off, you can do so in <em>Preferences\/Settings | Editor | Inspections | Security \u2013 Link with unencrypted protocol.<\/em><\/p>\n<h3 id=\"ssl_support\">SSL support<\/h3>\n<p>If you use SSL client authentication for <em>https:\/\/ <\/em>protocols, you can now define SSL settings in the HTTP client by clicking <em>Add environment file<\/em> and selecting <em>Private<\/em>. The IDE will automatically create a file where you can add your SSL configurations.<\/p>\n<ul>\n<li>\n<em>&quot;clientCertificate&quot;<\/em> \u2013 Enter a path to the client certificate, which can either be protected by a password or a key.\n<\/li>\n<li>\n<em>&quot;hasCertificatePassphrase&quot;<\/em> \u2013 If you set this to <em>true<\/em>, click the \u201cpen\u201d icon in the gutter to enter a password for the client certificate.\n<\/li>\n<li>\n<em>&quot;clientCertificateKey&quot;<\/em> \u2013 Enter a path to the client certificate key.\n<\/li>\n<li>\n<em>&quot;verifyHostCertificate&quot;<\/em> \u2013 Set this to <em>false<\/em> if you want to disable the server certificate verification by a client. This may be useful when creating test certificates.\n<\/li>\n<\/ul>\n<h2 id=\"quick_access_to_recent_projects_on_windows\">Quick access to recent projects on Windows<\/h2>\n<p>We\u2019ve revamped WebStorm\u2019s jump list support on Windows. You can now access your recent projects by right-clicking on the WebStorm icon on the taskbar or on the <em>Start<\/em> menu.<\/p>\n<p><img decoding=\"async\" alt=\"recent-projects-on-windows-ws-2021-1\" width=\"600\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/recent-projects-on-windows-ws-2021-1.png\"\/><\/p>\n<p>That\u2019s it for today. Please report any issues you encounter to our <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener\">issue tracker<\/a>, and stay tuned for next week\u2019s update!<\/p>\n<p><em>The WebStorm team<\/em><\/p>\n","protected":false},"author":989,"featured_media":122870,"comment_status":"closed","ping_status":"closed","template":"","categories":[826],"tags":[6435],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/120371"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/types\/webstorm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/users\/989"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=120371"}],"version-history":[{"count":6,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/120371\/revisions"}],"predecessor-version":[{"id":123997,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/120371\/revisions\/123997"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/media\/122870"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=120371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/categories?post=120371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/tags?post=120371"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/cross-post-tag?post=120371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}