Webstorm Function and plugin recommendation

Source: Internet
Author: User
<span id="Label3"></p><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Web</span> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Front-End development artifact-<span>Webstorm</span> not to introduce more,</span> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">a powerful smart tip is just one of its features, and it has many useful features, such as version control, local history, instant templates, and More. <span>webstorm</span> also</span> <span style="font-size:10.5pt;font-family:"">has built-in support<span></span>for <span>SASS</span>, NodeJS <span></span> ,<span>coffeescript</span>, and customizable code formatting Rules. <span></span></span></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:""></span></pre></pre><pre><pre><b><span style="font-size:14.0pt;font-family:"">Webstorm</span></b> <b> <span style="font-size:14.0pt;font-family:"">What are the advantages? <span></span></span></b></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:"">1. <span style="font-size:7pt;line-height:normal;font-family:""></span> </span> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">picture width height hint <span></span> </span></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;"></span></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;"></span></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Usually in the front-end development, a page will encounter a lot of pictures, if we write the <span>img</span> tag can clearly see each picture of the width of high, is not too cool? This can be achieved <span>webstrom</span> .<span></span></span></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:"">2. <span style="font-size:7pt;line-height:normal;font-family:""></span> </span> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Webstrom</span> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">code Positioning ability, It is easy to position the cursor to the definition of the variable <span>/</span> attribute <span>/</span> method, which is very useful for reading the Code. </span><span style="font-size:10.5pt;font-family:""></span></pre></pre><br><pre><pre><span style="font-size:10.5pt;font-family:"">3. <span style="font-size:7pt;line-height:normal;font-family:""></span> </span> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Rich plug-in resources, you can go to <span>WEBSTORMW</span> official website to download the plug-in you need to meet the needs of different development levels of People. <span></span></span></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:"">4. <span style="font-size:7pt;line-height:normal;font-family:""></span> </span> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Customize code formatting rules</span><span style="font-size:10.5pt;font-family:""></span></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Although many code editors support custom settings, <span>Webstrom</span> is undoubtedly one of the Jiao jiao,<span>webstrom</span> can be defined before and after the colon need to add a space, too Powerful.<span></span></span></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;"></span></pre></pre><pre><pre><b><span style="font-size:14pt;font-family:微软雅黑, sans-serif;">Webstorm</span></b> <b> <span style="font-size:14pt;font-family:微软雅黑, sans-serif;">What plugins are recommended? </span></b><b><span style="font-size:14.0pt;font-family:""></span></b></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:"">1. <span style="font-size:7pt;line-height:normal;font-family:""></span> </span> <b> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Markdown</span></b><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;"></span></pre></pre><br><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Support <span>MD</span>, click on the <span>Text/previev</span> below to toggle the code <span>/</span> Preview view<span></span></span></pre></pre><pre><pre><b><span style="font-size:10.5pt;font-family:"">2. <span style="font-weight:normal;font-size:7pt;line-height:normal;font-family:""></span> </span></b> <b> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">webstorm Apicloud Plugins</span></b></pre></pre><pre><pre><b><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;"></span></b></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;"></span><span style="font-size:10.5pt;font-family:"background:#F9FAFA;">webstorm Apicloud Plugins</span> <span style="font-size:10.5pt;font-family:"background:#F9FAFA;"> <span>Apicloud</span> is a set of open source <span>webstorm</span> Extensions for developers, including: application management, Application framework, page templates, code hints, code management,<span>Widget</span> packaging, real-machine synchronization, Log output, Management of custom <span>Apploader</span> and other functions, and other functional plug-ins are also increasing; all plugins are open source and developers can download the plugins to use in their own <span>Webstorm</span> , Developers can also expand their own plugins based on Demand. </span><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;"></span></pre></pre><pre><pre><b><span style="font-size:10.5pt;font-family:"">3. <span style="font-weight:normal;font-size:7pt;line-height:normal;font-family:""></span> </span></b> <b> <span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">AngularJS</span></b></pre></pre><pre><pre></pre></pre><pre><pre><span style="font-size:10.5pt;font-family:微软雅黑, sans-serif;">Support for <span>AngularJS</span> label Tips</span><span style="font-size:10.5pt;font-family:""></span></pre></pre><p class="MsoListParagraph" align="left" style="margin-left:20.25pt;text-indent:-20.25pt;"><p class="MsoListParagraph" align="left" style="margin-left:20.25pt;text-indent:-20.25pt;"><b>4.</b> <b>Acejump</b></p></p><br><p class="MsoListParagraph" align="left" style="margin-left:20.25pt;text-indent:0cm;"><p class="MsoListParagraph" align="left" style="margin-left:20.25pt;text-indent:0cm;">Quick position Cursor position, with it you can discard the Mouse.<span></span></p></p><p class="MsoNormal" align="left"><p class="MsoNormal" align="left">Mobile <span>app</span> development:<span>www.apicloud.com</span></p></p><p class="MsoNormal" align="left"><p class="MsoNormal" align="left">Mobile <span>app</span> production:<span>app.apicloud.com</span></p></p><p><p>Webstorm Function and plugin recommendation</p></p></span>

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.