{"id":23089,"date":"2018-09-27T13:11:24","date_gmt":"2018-09-27T13:11:24","guid":{"rendered":"https:\/\/blog.jetbrains.com\/webstorm\/?p=9906"},"modified":"2018-09-27T17:00:36","modified_gmt":"2018-09-27T17:00:36","slug":"webstorm-2018-3-eap-4","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/zh-hans\/webstorm\/2018\/09\/webstorm-2018-3-eap-4","title":{"rendered":"WebStorm 2018.3 EAP #4: Git Submodules, Live Edit without Chrome extension"},"content":{"rendered":"<p>It\u2019s time for the fourth <strong>WebStorm 2018.3 Early Preview<\/strong> build!<\/p>\n<p>If you\u2019re unfamiliar with our Early Access Program or if you want to catch up on all the new features that were introduced last week, check out the <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/tag\/webstorm-2018-3\/\">previous EAP blog posts<\/a>.<\/p>\n<p>Toolbox App is the easiest way to get the EAP builds. You can also get notified right from the IDE when a new EAP build is available: go to <em>Preferences | Appearance &amp; Behavior | System Settings | Updates<\/em> and select <em>\u201cAutomatically check updates for Early Access Program\u201d<\/em>.<\/p>\n<p align=\"center\"><a class=\"jb-download-button\" href=\"https:\/\/www.jetbrains.com\/webstorm\/eap\" target=\"_blank\" rel=\"noopener\"><i class=\"download-icon\"><\/i>Download WebStorm 2018.3 EAP<\/a><\/p>\n<p><strong>Important! WebStorm EAP builds are not fully tested and might be unstable.<\/strong><\/p>\n<p>Here are some of the highlights of WebStorm 2018.3 EAP #4 (build 183.2940.11).<\/p>\n<h2 id=\"git_submodules\">Git Submodules<\/h2>\n<p>WebStorm 2018.3 now supports working with Git submodules!<\/p>\n<p>When you clone a repository that has submodules, WebStorm will clone the root repo and all its submodules. Moreover, when you update your project, all the submodules will now be correctly updated according to their state. The Diff, History, and Conflict resolution now all work for submodule folders too.<\/p>\n<h2 id=\"live_edit_without_chrome_extension\">Live Edit without Chrome extension<\/h2>\n<p>For a while now, WebStorm has included a feature called <a href=\"https:\/\/www.jetbrains.com\/help\/webstorm\/live-editing.html\" target=\"_blank\" rel=\"noopener\">Live Edit<\/a> that worked during the JavaScript debug session to allow you to see the changes you made in your HTML and CSS files immediately in the browser. To use it, WebStorm required you to install the \u201cJetBrains IDE Support\u201d Chrome extension.<\/p>\n<p>Starting with WebStorm 2018.3, you can use the Live Edit feature without installing the plugin: open the HTML file you want to \u201clive edit\u201d and in its context menu select Debug. This will start a JavaScript debugger in WebStorm and open your file in a new instance of Chrome. As you start editing your HTML code or the linked CSS file, you will see the changes you make in the browser, without ever having to reload the page.<!--more--><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9907\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/09\/webstorm-live-edit.png\" alt=\"live-edit\" width=\"800\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/09\/webstorm-live-edit.gif\" \/><\/p>\n<p>In <em>Preferences | Build, Execution, Deployment | Debugger | Live Edit<\/em>, you can configure how quickly the browser will react to the changes you make. You can also enable the Live Edit feature for the client-side JavaScript code (that doesn\u2019t require compilation) and Node.js.<\/p>\n<h2 id=\"multiline_code_snippets_in_find_and_replace\">Multiline code snippets in Find and Replace<\/h2>\n<p>The Find and Replace in Path dialogs now have better support for multiline code snippets: paste the code you want to search for or type the query \u2013 when you need to add a new line, click the icon on the right-hand side of the input field or press <em>Cmd\/Ctrl-Shift-Enter<\/em>. Please note that search is indent-sensitive.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9909\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/09\/webstorm-multiline-replace.png\" alt=\"multiline-replace\" width=\"600\" \/><\/p>\n<p>For the full list of issues fixed by the WebStorm team, see the\u00a0<a href=\"https:\/\/confluence.jetbrains.com\/display\/WI\/WebStorm+183.2940.11+Release+Notes\" target=\"_blank\" rel=\"noopener\">Release Notes<\/a>.<br \/>\nPlease report any issues on our\u00a0<a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener\">tracker<\/a>. And stay tuned for the next week\u2019s update!<\/p>\n<p><em>The WebStorm Team<\/em><\/p>\n","protected":false},"author":221,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","categories":[826],"tags":[285,2209,91,2856],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/23089"}],"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\/221"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=23089"}],"version-history":[{"count":0,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/webstorm\/23089\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=23089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/categories?post=23089"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/tags?post=23089"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/cross-post-tag?post=23089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}