webstorm 常用快捷键_webstorm 快捷打印-优快云博客

IntelliJ-Idea 的快捷键
    Ctrl+/ 或 Ctrl+Shift+/	注释（// 或者/*…*/ ）
    Shift+F6	重构-重命名
    Ctrl+X	删除行
    Ctrl+D	复制行
    Ctrl+G查找行
    Ctrl+Shift+Up/Down代码向上/下移动。
    F2 或Shift+F2高亮错误或警告快速定位
    写代码，按Tab生成代码
    选中文本，按Ctrl+Shift+F7高亮显示所有该文本，按Esc高亮消失。
    Ctrl+B	快速打开光标处的类或方法
    Ctrl+E	最近打开的文件
    Alt+F1	查找代码所在位置
    Ctrl+Alt+L	格式化代码
    Ctrl+R	替换文本
    Ctrl+F	查找文本
    Ctrl+P	方法参数提示
    Ctrl+shift+c	拷贝文件路径
    Ctrl+alt+shift+c	拷贝相关数据 包括路径和所在行
    Ctrl+shift+v	从历史记录中粘贴
    ctrl+Y  删除整行                       
    ctrl+shift+enter	新建行
    ctrl+alt+enter	在当前行前面新建行

2、window快捷键	序号	快捷键	功能

    1	Windows+ “Space”	透明化所有窗口，快速查看桌面
    
    2	Windows+ “↑”	使当前使用的窗口最大化
    
    3	Windows+ “←”	使当前使用中的窗口贴向屏幕左侧，只占用50%的显示器面积。
    
    4	Windows + Shift+ “→”	跨显示器右移窗口s
    
    5	Windows + Home	突出显示当前窗口。最小化其他的非当前使用中的窗口
    
    6	Windows + R	打开运行
    
    7	CTRL+T	功打开新标签。
    
    8	Window+d	最小化所有窗口
    
    9	window+f	搜索文件夹
    
    10	window+e	打开我的电脑
    
    11	ctrl+n	新建文件夹

    12	ctrl+o  打开“打开文件”的对话框

    13	ctrl+p 打印

    14  ctrl+shift+l  word中自动编号

    15  ctrl+k  word中自动添加超链接


     webstorm中提供了一些zencoding快捷编码提示，只要输入左边缩写，按下tab键就可以快速生成html代码。
    一些常用的快捷提示：
    
    快捷提示1：
    
        html:5      //html5结构
    
    按下Tab键回会生成以下代码：
    
        <!doctype html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Document</title>
        </head>
        <body>
         
        </body>
        </html>
    
    快捷提示2：
    
        link:css      //引入css
    
    按下Tab键回会生成以下代码：
    
        <link rel="stylesheet" href="style.css"/>
    
    快捷提示3：
    
        script:src      //引入js
    
    按下Tab键回会生成以下代码：
    
        <script src=""></script>
    
    快捷提示4：
    
        script      //html中插入js
    
    按下Tab键回会生成以下代码：
    
        <script></script>
    
    快捷提示5：
    
        ul+   //ul及一个li
    
    按下Tab键回会生成以下代码：
    
        <ul>
            <li></li>
        </ul>
    
    快捷提示6：
    
        a:link  //<a href=”http://”></a>
    
    按下Tab键回会生成以下代码：
    
        <a href="http://"></a>
    
    快捷提示7：
    
        a:mail  //<a href=”mailto:“></a>
    
    按下Tab键回会生成以下代码：
    
        <a href=”mailto:“></a>
    
    快捷提示8：
    
        form:get  //get表单
    
    按下Tab键回会生成以下代码：
    
        <form action="" method="get"></form>
    
    快捷提示9：
    
        input:hidden  //hidden输入框
    
    按下Tab键回会生成以下代码：
    
        <input name="" type="hidden"/>
    
    快捷提示10：
    
        div#name  //id:name
        div.name  //class:name
        div.one.two.three //class:one,two,three
    
    按下Tab键回会生成以下代码：
    
        <div id="name"></div>
        <div class="name"></div>
        <div class="one two three"></div>
    
    快捷提示11：
    
    head>link:css  //## 标题 ##head加link
    
    按下Tab键回会生成以下代码：
    
        <head>
            <link rel="stylesheet" href="style.css"/>
        </head>
    
    快捷提示12：
    
        p+p  //两个p
        p*3   //3个p
    
    按下Tab键回会生成以下代码：
    
        //两个p
        <p></p>
        <p></p>
         
         
        //三个p
        <p></p>
        <p></p>
        <p></p>
    
    快捷提示13：
    
    ul>li.item$*6  //创建ul下有个li同时class分别为item1，item2.。。
    
    按下Tab键回会生成以下代码：
    
        <ul>
            <li class="item1"></li>
            <li class="item2"></li>
            <li class="item3"></li>
            <li class="item4"></li>
            <li class="item5"></li>
            <li class="item6"></li>
        </ul>
    
    快捷提示14：
    
        ul.menu>li.item*6>a[href="http://www.baidu.com"]{HTML}
        //简写
        ul.menu>li.item*6>a[href="http://www.baidu.com"]
    
    按下Tab键回会生成以下代码：
    
        <ul class="menu">
            <li class="item"><a href="http://www.baidu.com">HTML</a></li>
            <li class="item"><a href="http://www.baidu.com">HTML</a></li>
            <li class="item"><a href="http://www.baidu.com">HTML</a></li>
            <li class="item"><a href="http://www.baidu.com">HTML</a></li>
            <li class="item"><a href="http://www.baidu.com">HTML</a></li>
            <li class="item"><a href="http://www.baidu.com">HTML</a></li>
        </ul>