{"id":23563,"date":"2020-05-27T10:06:43","date_gmt":"2020-05-27T10:06:43","guid":{"rendered":"https:\/\/blog.jetbrains.com\/webstorm\/?p=11189"},"modified":"2020-08-26T15:37:48","modified_gmt":"2020-08-26T15:37:48","slug":"webstorm-2020-2-eap-1","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/zh-hans\/webstorm\/2020\/05\/webstorm-2020-2-eap-1","title":{"rendered":"WebStorm 2020.2 Early Access Program Is Now Open"},"content":{"rendered":"<p>We\u2019re excited to announce the start of the Early Access Program (EAP) for <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/04\/webstorm-2020-2-roadmap\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebStorm 2020.2<\/a>! As usual, we encourage you to participate in it\u00a0and share your thoughts on the latest improvements and the new functionality, so that we can make WebStorm better for you.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11200\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-blog@2x.png\" alt=\"blog-eap-banner\" width=\"800\" \/><\/p>\n<p>The <a href=\"https:\/\/www.jetbrains.com\/toolbox\/app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Toolbox App<\/a> is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. You can also manually download the EAP builds from our <a href=\"https:\/\/www.jetbrains.com\/webstorm\/nextversion\/\" target=\"_blank\" rel=\"noopener noreferrer\">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 2020.2 EAP<\/a><\/p>\n<p>If you\u2019re not yet familiar with our Early Access Programs, here are the basics you should know:<\/p>\n<ul>\n<li><em>Every week, <\/em>all the way through to the end of July, we\u2019ll be rolling out a new EAP build with the <em>latest improvements<\/em> and the <em>newest features<\/em>.<\/li>\n<li>EAP builds are <em>free<\/em> to use but expire within <em>30 days<\/em> of the build date.<\/li>\n<li>You can install an EAP build <em>side by side<\/em> with a stable WebStorm version.<\/li>\n<li>Your <em>feedback<\/em> is very welcome in our <a href=\"http:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener noreferrer\">issue tracker<\/a>. Please don\u2019t forget to mention the build number you\u2019re using.<\/li>\n<\/ul>\n<p><!--more--> <strong>Important! WebStorm EAP builds are not fully tested and might be unstable.<\/strong><br \/>\nThe full list of the latest enhancements available in WebStorm 2020.2 EAP #1 (build 202.4357.21) can be found in the <a href=\"https:\/\/confluence.jetbrains.com\/display\/WI\/WebStorm+202.4357.21+Release+Notes\" target=\"_blank\" rel=\"noopener noreferrer\">release notes<\/a>. Below you can find some of the main highlights.<\/p>\n<h2 id=\"more_advanced_support_for_github_pull_requests\">More advanced support for GitHub pull requests<\/h2>\n<p>In WebStorm 2020.2, we\u2019ve <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2018\/11\/webstorm-2018-3\/#version_control\" target=\"_blank\" rel=\"noopener noreferrer\">extended<\/a> support for GitHub pull requests and made it more convenient to work with them without leaving the IDE. You can now see all PRs, review code, and merge PRs.<br \/>\nThe first thing you\u2019ll notice is the new layout, which lets you see all the necessary information at a glance. Now, the list of pull requests opens up in a separate tool window on the left. By double-clicking any pull request in the list, or clicking the arrow next to it, you can see all the relevant details about it. These details include PR messages, branch names, authors, assignees, changed files, commits, comments, and more.<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-pull-requests-tool-window.png\" alt=\"pull-requests-tool-window\" width=\"600\" \/><br \/>\nAnother important change that you\u2019ll find in v2020.2 is the ability to start, request, and submit reviews as well as leave single comments.<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-compare-diff-start-review.png\" alt=\"compare-diff-start-review\" width=\"600\" \/><br \/>\nYou can view, edit, create, or remove the commit-level comments. The IDE now also lets you view and interact with the line-level comments so you can do a code review right from it.<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-11208\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-reply-to-line-comment.png\" alt=\"reply-to-line-comment\" width=\"600\" \/><br \/>\nLastly, you can now merge pull requests from within the IDE; there is no need to use the workaround with a local branch as you would before.<br \/>\nWe\u2019ve been working hard on extending support for PRs in our IDEs, so we\u2019d be happy to hear what you think of it! Please share your thoughts in the comments below.<\/p>\n<h2 id=\"vue_specific_code_style_settings\">Vue-specific code style settings<\/h2>\n<p>WebStorm 2020.2 comes with a dedicated section for configuring formatting options for your Vue files. The new section is located in <em>Preferences\/Settings | Editor | Code Style | Vue<\/em>.<br \/>\nWith Vue-specific code style settings, you can quickly choose which top-level tags should have their content indented. You can also decide on whether indentation should be the same for the entire Vue file or depend on the language settings, e.g. be HTML or Pug-specific. By default, only <code>&lt;template&gt;<\/code> content is indented and indentation is uniform for the entire file.<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-vue-code-style.png\" alt=\"vue-code-style-settings\" width=\"600\" \/><br \/>\nIf you\u2019d like to configure code style options other than settings for tabs and indents, you can do that in a dedicated section for the language you\u2019re working with in <em>Preferences\/Settings | Editor | Code Style<\/em>.<\/p>\n<h2 id=\"other_improvements_around_vuex_and_vue_support\">Other improvements around Vuex and Vue support<\/h2>\n<p>In addition to Vue-specific code style settings, you\u2019ll find a few other enhancements to Vuex and Vue support. First of all, all mapped symbols within the Vuex store are now resolved to functions\/properties on <code>this.<\/code>, showing the correct number of arguments and proper types.<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-mapped-properties-on-this-resolved.png\" alt=\"mapped-properties-on-this-resolved\" width=\"600\" \/><br \/>\nSecond, if you try to create a component with <code>Vue.extend()<\/code> when using single-file components, you\u2019ll now see all data properties resolved as expected.<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-vue-extend-resolution.png\" alt=\"vue-extend-resolution\" width=\"600\" \/><br \/>\nFinally, we\u2019ve made a small improvement to completion for instance properties: We\u2019ve <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-36254\" target=\"_blank\" rel=\"noopener noreferrer\">added<\/a> support for <code>$data<\/code>, <code>$props<\/code>, and <code>$options<\/code>.<\/p>\n<h2 id=\"completion_for_css_selectors_in_queryselector_methods\">Completion for CSS selectors in querySelector methods<\/h2>\n<p>When manipulating the HTML <a href=\"https:\/\/en.wikipedia.org\/wiki\/Document_Object_Model\" target=\"_blank\" rel=\"noopener noreferrer\">DOM<\/a>, you\u2019ll now see completion suggestions for CSS selectors within <code>document.querySelector<\/code>, <code>document.querySelectorAll<\/code>, <code>element.querySelector<\/code>, and <code>element.querySelectorAll<\/code> calls.<br \/>\n<img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-completion-for-queryselector.png\" alt=\"completion-for-queryselector\" width=\"600\" \/><br \/>\nThat\u2019s it in terms of the biggest highlights.\u00a0We\u2019ve also removed several outdated file watcher templates, including the ones for Prettier, YUI Compressor CSS, and YUI Compressor JS. For Prettier, you can use the new <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/04\/webstorm-2020-1\/#tools\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Run on save for files<\/em><\/a> option available starting with v2020.1.<br \/>\nPlease share your feedback in the comments below and report any issues you find to our <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener noreferrer\">issue tracker<\/a>.<br \/>\n<em>The WebStorm team<\/em><\/p>\n","protected":false},"author":989,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","categories":[826],"tags":[91,2876],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/23563"}],"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=23563"}],"version-history":[{"count":1,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/23563\/revisions"}],"predecessor-version":[{"id":69224,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/23563\/revisions\/69224"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=23563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/categories?post=23563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/tags?post=23563"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/cross-post-tag?post=23563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}