• 好用的前端开发IDE:webstrom快捷键


    以下是最常用的快捷键

    查找
    双下shift,快速查找。
    shift+command+o快速进入某个文件。

    代码格式化
    ctl+alt+L:代码格式化(或者在菜单里:Code--Reformat Code)。
    alt+shift+上下箭头,将一行代码上移或下移,选中一段代码也可以。

    代码选择
    alt+拖动鼠标,形成多行光标,按住esc键退出多行光标。按住alt不松手,可以选择多行。
    command+鼠标滚轮,调整字体大小。
    alt+上下键,层层选中和取消,根据元素父子关系来。
    ctrl+G 选择相同的代码

    Emmet
    tab自动补全。>父子元素。+同级元素。^返回一级。*几个。()逻辑关系。
    (div>ul>li*3)^^p+p

    #id。.类。[]自定义属性。$递增符号,前面可以加-。{}中文的文字在标签内。
    无意义文本补全:lorem+数字,不要和标签一起写。
    div#AA.bb[data-type] div.item-$*5 lorem10
    中间不要加空格,光标要在末尾。css属性缩写:数字-数字或数字

    代码折叠
    command+加号减号,代码折叠。
    command+shift+加号减号,代码全部折叠,css、jquery也一样。

    代码说明
    选中代码f1说明

    光标移动
    command+alt+回车,在上面增加一行。
    command+shift+回车,在下面增加一行。
    ctrl+m可以移动到标签或函数最前面和最后面,把光标放在闭合标签的最开始和最后,尤其js找括号的时候。
    command+alt+左右键,回到上一次光标所在位置或下一次的位置。
    command+shift+delete可以到上一次编辑的文件位置。
    command+e最近使用的文件。

    其他
    选中代码,alt+command+t 选择surround with <tag>可以将选中的代码被包裹。
    comman+/快速注释和取消注释。
    command+shift+v复制剪切板中的多个复制历史记录。
    command+delete 删除当前行。


    预览图片
    img图片名称 按住F1可以预览图片。
    按住shift,鼠标浮动在图片路径上方,也可以预览图片。
    css颜色前面色块点击有色板。

    重构
    标签上,重命名 ctrl+t rename就可以重命名,js变量也可以。好多个地方,右键有排除和包含。所有重命名都可以这么改,联动。
    或者直接选中标签,写名字即可。

    错误提示
    按f2就可以在跳准到下一个错误。
    鼠标移动到错误的地方可以看到错误提示。
    alt+回车 帮助
    在设置里搜索insp,校验规则可以自己设置。

  • 相关阅读:
    物联网与边缘计算的融合
    在【自我认知】大学,你可能永远毕不了业
    Spring Security实现短信验证码登录
    线上课程
    【技术人成长】公众号
    大数据是阿猫阿狗都能玩的吗
    机器不能代替你思考
    如何缓解需求沟通中的鸡同鸭讲
    如何成为一个更渊博的技术人
    招聘季,聊聊那些古怪的候选人
  • 原文地址:https://www.cnblogs.com/wufangfang/p/6435733.html
Copyright © 2020-2023  润新知