webstorm的使用

安装教程https://www.cnblogs.com/wdh1995/p/7496688.html

激活可用http://idea.iteblog.com/key.php

使用
https://www.jianshu.com/p/4ce97b360c13
http://blog.csdn.net/zghekuiwu/article/details/54382145

主题Darcula,字体18

image.png
image.png
image.png
image.png
image.png

image.png

itar按tab键for循环
ctrl+alt+L格式化
变量.log按Tab键console.log()
ul.类名>li*个数按tab键

<ul class="box">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

选中所有同样的词 : Shift + Ctrl + Alt + J
选中下一个同样的词: Alt + J

ctrl + / : 单行注释
ctrl + shift + / : 块注释
查找:查找下一个F3 || 查找上一个shift+F3
快捷键: Alt+鼠标左键 多光标编辑代码
每当你看到一个灯泡,打ALT +回车,看看WebStorm有什么建议
js包含代码块:快捷键:ctrl+alt+T
插件:CSS-X-fire
当使用firebug修改css属性时,编辑器内的css代码也会发生变化。

div.box#box>(ul>li*3)+(div*3)按tab键

<div class="box" id="box">
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div></div>
    <div></div>
    <div></div>
</div>

ul#box>li{我是第$个li}*9

    <ul id="box">
        <li>我是第1个li</li>
        <li>我是第2个li</li>
        <li>我是第3个li</li>
        <li>我是第4个li</li>
        <li>我是第5个li</li>
        <li>我是第6个li</li>
        <li>我是第7个li</li>
        <li>我是第8个li</li>
        <li>我是第9个li</li>
    </ul>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、安装,自行百度。2、导入jquery .http://jquery.com/download/3、打开Sett...
    sakura_L阅读 408评论 0 0
  • 前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.html 前端...
    秋风喵阅读 12,727评论 7 163
  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,814评论 2 45
  • 今天听了经历了一场洗礼,就好像那段黑黑的日子透了一丝光。和着我的节拍,温温地看到远方。 有风,微凉。小梦,轻...
    树上默阅读 346评论 0 0

友情链接更多精彩内容