Webstorm live Edit Browser for synchronous implementation steps

Source: Internet
Author: User

1. Open the Webstore Settings dialog and locate the live Edit option and select Enable Live editing.

2. Open Chrome Browser, go to the Chrome Web Store, search for jetbrains IDE suport extension. Click the "Add to Chrome" button to install the extension to Chrome. At this point, a JB icon appears on the Chrome toolbar. Note (sometimes you may not be able to search in the online store, I have provided an address here: https://chrome.google.com/webstore/detail/jetbrains-ide-support/ Hmhgeddbohgjknpmjagkdomcpobmllji)

3. Create a new HTML file in Webstorm, then press ALT+F2 to open the browser, select the floating window, and choose Chrome to view the page you are editing.

4. Switch to Webstorm, modify HTML/CSS/JS, and then switch to Chrome, and you'll see that Chrome has changed along the way. If you feel that the effect is not ideal, then open webstorm and chrome side-by-side, exclaimed so cool to go.

Webstorm live Edit Browser for synchronous implementation steps

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.