• WebStorm


    1,简介

    WebStorm 10是一款强大的HTML5编辑工具,是 JetBrains 推出的一款商业的 JavaScript 开发工具。功能强大的前端专用IDE,拥有即时编辑(chrome)、自动完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn版本控制等特性,推荐前端工程师使用。
    Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。

    2,下载安装及注册

    2.1,下载

    下载地址:http://www.cr173.com/soft/130969.html
    这个是官方最新英文版,带汉化包。内附从网络上搜集到的注册机,已测试可用,但部分杀毒软件可能会有误报。
     
    先下载Webstorm(注意去除广告软件的勾选)。解压后目录如下:
     

    2.2,安装

    安装过程很简单,打开安装文件,一直下一步即可(注意去除广告软件)。

    2.3,注册

    双击打开注册机,步骤如下:
     
    然后运行webStorm,输入注册信息如下:
     
    点击OK即可注册成功。
     

    3,基本配置

    Webstorm的默认字体和配色相当糟糕(这点不如sublime_text),你可以直接手动改进Webstorm的配置,当然也可以直接导入配置文件。
    手动配置Webstorm


    Webstorm配置项极其丰富,建议善用搜索,比如配置字体大小、git配置等。
     
     
     

    4,默认热键参考(与eclipse热键对比)

    查找/代替

    Webstorm快捷键 eclipse快捷键 说明
    ctrl+shift+N ctrl+shift+R 通过文件名快速查找工程内的文件(必记)
    ctrl+shift+alt+N ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
    ctrl+F ctrl+F 在文件内快速查找代码
    F3 ctrl+K 查找下一个
    shift+F3 ctrl+shift+K 查找上一个
    ctrl+R ctrl+F 文件内代码替换
    ctrl+shift+R   指定目录内代码批量替换
    ctrl+shift+F ctrl+H 指定目录内代码批量查找

    界面操作

    Webstorm快捷键 Eclipse快捷键 说明
    ctrl+shift+A ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
    alt+[0-9] alt+[0-9] 快速拆合功能界面模块
    ctrl+shift+F12 ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
    alt+shift+F alt+shift+F 将当前文件加入收藏夹
    ctrl+alt+s ctrl+alt+s 打开配置窗口
    ctrl+tab ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
    alt+←/→ alt+←/→ 切换代码选项卡
    ctrl+F4 ctrl+F4 关闭当前代码选项卡

    代码编辑

    Webstorm快捷键 Eclipse快捷键 说明
    ctrl+D ctrl+shift+↑ 复制当前行
    ctrl+W alt+shift+↑ 选中单词
    ctrl+←/→ ctrl+←/→ 以单词作为边界跳光标位置
    alt+insert alt+insert 新建一个文件或其他
    ctrl+alt+L ctrl+alt+L 格式化代码
    shift+tab/tab shift+tab/tab 减少/扩大缩进(可以在代码中减少行缩进)
    ctrl+Y ctrl+D 删除一行
    shift+enter shift+enter 重新开始一行(无论光标在哪个位置)

    导航

    Webstorm快捷键 Eclipse快捷键 说明
    esc esc 进入代码编辑区域
    alt+F1 alt+F1 查找代码在其他界面模块的位置,颇为有用
    ctrl+G ctrl+L 到指定行的代码
    ctrl+]/[ ctrl+]/[ 光标到代码块的前面或后面
    alt+up/down ctrl+shift+up/down 上一个/下一个方法

  • 相关阅读:
    git pull 解决 refusing to merge unrelated histories 错误
    springboot 集成 jpa/hibernate
    hibernate(*.hbm.xml)中新添加的字段被标记为红色(找不到)的解决方法
    IntelliJ IDEA下自动生成Hibernate映射文件以及实体类
    HighGUI图形图像界面初步—— 图像的载入、显示与输出
    0_OpenCV3.4.0+Visual Studio2017 + win10环境配置
    5_Longest Palindromic Substring(Manacher) --LeetCode
    3_Longest Substring Without Repeating Characters -- LeetCode
    vs2017密钥
    2_基于深度学习的目标检测识别算法
  • 原文地址:https://www.cnblogs.com/justuntil/p/6260204.html
Copyright © 2020-2023  润新知