{"id":118830,"date":"2021-02-26T14:24:13","date_gmt":"2021-02-26T13:24:13","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=webstorm&#038;p=118830"},"modified":"2021-03-09T13:56:27","modified_gmt":"2021-03-09T12:56:27","slug":"webstorm-2021-1-eap-5","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/zh-hans\/webstorm\/2021\/02\/webstorm-2021-1-eap-5","title":{"rendered":"WebStorm 2021.1 EAP #5: Built-in Collaborative Development Service and More"},"content":{"rendered":"<p>WebStorm 2021.1 EAP build #5 is now available! 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>If you\u2019re not familiar with our Early Access Program, check out <a href=\"https:\/\/blog.jetbrains.com\/zh-hans\/webstorm\/2020\/09\/webstorm-eap\">this blog post<\/a> where we explain what the EAP is and why you should take part in it. TL;DR: aside from helping steer development in the direction you want it to go, you could also get a free WebStorm license.<\/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 EAP<\/a><\/p>\n<p><strong>Important! WebStorm EAP builds are not fully tested and might be unstable.<\/strong><\/p>\n<p>Below you can find the most notable improvements available in WebStorm 2021.1 EAP #5. Please try them out and <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener\">share your feedback<\/a> with us.<\/p>\n<h2 id=\"built_in_service_for_collaborative_development_and_pair_programming\">Built-in service for collaborative development and pair programming<\/h2>\n<p>Starting with v2021.1, WebStorm will come bundled with <a href=\"https:\/\/www.jetbrains.com\/code-with-me\/\" target=\"_blank\" rel=\"noopener\">Code With Me<\/a>, our new service for collaborative development and pair programming. With its help, you can code together in real time and <a href=\"https:\/\/blog.jetbrains.com\/zh-hans\/blog\/2021\/02\/16\/code-with-me-beta-support-for-audio-and-video-calls\">talk to others<\/a> right from the IDE.<\/p>\n<p>To get started as a host, click on the <em>Code With Me<\/em> icon located on the main toolbar and select <em>Enable Access and Copy Invitation Link<\/em>. Alternatively, go to <em>Tools | Code With Me<\/em> from the main menu.<\/p>\n<p><img decoding=\"async\" alt=\"enable-access-cwm\" width=\"600\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/02\/enable-access-cwm.png\"\/><\/p>\n<p>Then you\u2019ll need to configure permissions for your guests, enable access for them, and send them an invitation link. Once you approve the request to join and a guest connects to your session, you\u2019ll see an additional caret in your editor and an icon on the main toolbar indicating the active guest.<\/p>\n<p><img decoding=\"async\" alt=\"active-cwm-ws\" width=\"600\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/02\/active-cwm-ws.png\"\/><\/p>\n<p>To learn more about Code With Me, check out <a href=\"https:\/\/www.jetbrains.com\/help\/idea\/2021.1\/code-with-me.html\" target=\"_blank\" rel=\"noopener\">our documentation<\/a> and <a href=\"https:\/\/blog.jetbrains.com\/blog\/tag\/codewithme\/\">previous blog posts<\/a>.<\/p>\n<h2 id=\"better_completion_for_symbol_names_in_javascript\">Better completion for symbol names in JavaScript<\/h2>\n<p>We\u2019ve made code completion for JavaScript and TypeScript a bit smarter. WebStorm will now take file names into consideration when showing you completion suggestions for top-level variables as well as for function and class names. File name-based completion suggestions will only be shown where they are most applicable \u2013 when it\u2019s the first statement in the current file, except for imports and exports.<\/p>\n<p><img decoding=\"async\" alt=\"suggestions-based-on-file-names-js\" width=\"600\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/02\/suggestions-based-on-file-names-js.png\"\/><\/p>\n<h2 id=\"configurable_scope_for_eslint\">Configurable scope for ESLint<\/h2>\n<p>Originally developed for finding problems in JavaScript code, ESLint is now being actively used for other languages and technologies. To make it easy to specify which file types you want to use ESLint for, we\u2019ve added a new <em>Run for files<\/em> field. You can find it in <em>Preferences\/Settings | Languages &amp; Frameworks | JavaScript | Code Quality Tools | ESLint<\/em>.<\/p>\n<p><img decoding=\"async\" alt=\"run-for-files-eslint\" width=\"600\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/02\/run-for-files-eslint.png\"\/><\/p>\n<p>By default, WebStorm will run ESLint for <em>.js<\/em>, <em>.ts<\/em>, <em>.jsx<\/em>, <em>.tsx<\/em>, <em>.html<\/em>, and .<em>vue<\/em> files. You can use <a href=\"https:\/\/github.com\/isaacs\/node-glob#glob-primer\" target=\"_blank\" rel=\"noopener\">glob patterns<\/a> to add other file types to the list.<\/p>\n<h2 id=\"work_on_svelte_support_continues\">Work on Svelte support continues<\/h2>\n<p>We\u2019ve seen an increased interest in Svelte from the WebStorm community lately. To address this, we started collaborating with Tomasz B\u0142achut, the creator of the popular <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/12375-svelte\" target=\"_blank\" rel=\"noopener\">Svelte plugin<\/a> for WebStorm and other JetBrains IDEs. Since then, we\u2019ve been gradually improving the support that this plugin provides.<\/p>\n<p>This January, our collaboration moved to a new level. Tomasz <a href=\"https:\/\/twitter.com\/tomblachut\/status\/1346128179560411138\" target=\"_blank\" rel=\"noopener\">joined our team<\/a>, and we\u2019re now officially developing the plugin as a joint effort. As our next step, we\u2019ve decided to host a webinar about Svelte and share some tips on how you can develop apps using this framework with WebStorm. If you\u2019re interested, we encourage you to <strong>sign up for the webinar <\/strong><a href=\"https:\/\/blog.jetbrains.com\/zh-hans\/webstorm\/2021\/02\/live-webinar-getting-started-with-svelte-in-webstorm\"><strong>here<\/strong><\/a>.<\/p>\n<h2 id=\"other_notable_improvements\">Other notable improvements<\/h2>\n<p>Those were the biggest highlights. Here are some other important fixes and usability improvements available in this build:<\/p>\n<ul>\n<li>\nIn React projects, coding assistance now works for Chakra UI components (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-48085\" target=\"_blank\" rel=\"noopener\">WEB-48085<\/a>).\n<\/li>\n<li>\nIn style sheets, the <em>env()<\/em> function is now recognized correctly (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-40212\" target=\"_blank\" rel=\"noopener\">WEB-40212<\/a>).\n<\/li>\n<li>\nFixed several bugs found in Angular projects (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-43748\" target=\"_blank\" rel=\"noopener\">WEB-43748<\/a>, <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-33969\" target=\"_blank\" rel=\"noopener\">WEB-33969<\/a>, and <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-41733\" target=\"_blank\" rel=\"noopener\">WEB-41733<\/a>).\n<\/li>\n<li>\nCustom color schemes no longer get reset to the default ones when the IDE is restarted (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/IDEA-253840\" target=\"_blank\" rel=\"noopener\">IDEA-253840<\/a>).\n<\/li>\n<li>\nThe <em>Git Branches<\/em> popup is now displayed correctly (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/IDEA-237387\" target=\"_blank\" rel=\"noopener\">IDEA-237387<\/a>).\n<\/li>\n<li>\nSolved the problem with missing VCS mnemonics (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/IDEA-251017\" target=\"_blank\" rel=\"noopener\">IDEA-251017<\/a>).\n<\/li>\n<li>\nFixed an issue with the touch bar on macOS (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/IDEA-236698\" target=\"_blank\" rel=\"noopener\">IDEA-236698<\/a>).\n<\/li>\n<\/ul>\n<p>For the full list of the enhancements available in WebStorm 2021.1 EAP #5, check out the <a href=\"https:\/\/confluence.jetbrains.com\/display\/WI\/WebStorm+211.6222.6+Release+Notes\" target=\"_blank\" rel=\"noopener\">release notes<\/a>.<\/p>\n<p><em>The WebStorm team<\/em><\/p>\n","protected":false},"author":989,"featured_media":118831,"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\/118830"}],"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=118830"}],"version-history":[{"count":5,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/118830\/revisions"}],"predecessor-version":[{"id":122018,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/118830\/revisions\/122018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/media\/118831"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=118830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/categories?post=118830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/tags?post=118830"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/cross-post-tag?post=118830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}