webstorm使用技巧

转自:【纯新手】->https://www.cnblogs.com/alone-striver/p/8981019.html

webstorm设置技巧

  1. 如何更改主题(字体&配色):
    File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址
  2. 如何让webstorm启动的时候不打开工程文件:
    File -> Settings->General去掉Reopen last project on startup.
  3. 如何完美显示中文:
    File -> Settings->Appearance中勾选Override default fonts by (not recommended),设置Name:NSimSun,Size:12
  4. 如何显示行号:
    File -> Settings->Editor,”Show line numbers”打上勾,就显示行号了
  5. 如何代码自动换行:
    File -> settings -> Editor “Use Soft Wraps in editor” 打上钩,代码就自动换行了
  6. 如何点击光标,显示在本行末尾:
    File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。
  7. 如何修改快键键:
    File -> Settings->Keymap,然后双击要修改快捷的功能会有提示框出来,按提示操作
  8. 换成自己熟悉编辑器的快键键:
    File ->Settings->Keymap,支持像Visual Studio、Eclipse、NetBeans这样的主流IDE。
  9. javascript类库提示:
    File -> settings -> Javascript -> Libraries -> 然后在列表里选择自己经常用到的javascript类库,最后Download and Install就ok了.
  10. 在开发js时发现,需要ctrl + return 才能选候选项:
    File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改为 “Always”
  11. js提示比较迟缓:
    File -> Code Completion -> Autopopup in 下 1000改为0
  12. git配置:
    File -> settings -> Editor -> github,进去改github的账户,如果没有git则不需要.
  13. 插件安装:
    File ->plugins,然后就选择给力的插件们再安装.(“css-X-fire”插件,用于当使用firebug修改css属性时,编辑器内的css代码也会发生变化。)

以后更新

webstorm使用心得

  1. 收藏夹功能:
    当工程目录很庞大时,有些子目录很经常打开,但层级又很深,这时候可以把目录添加到收藏夹里面,添加成功后,左侧有个“Favorites”菜单
  2. 面包屑导航:
    除了左侧的工程页面,可以选择目录之外,在顶部菜单下有一个类似网站面包屑导航一样的目录也可以实现相同功。点击每个目录就会有下拉菜单显示其下的子目录,很实用.
  3. 构造器界面:
    注释符合格式的话就会出现。如果是js文件则是js类的函数和对象;css文件的话则是这个css文件的概括;html文件的话则是节点的结构图。话说这几个就是为了方便查看代码的结构性.
  4. todo界面:
    给代码加todo注释就会出现这个界面
  5. 双栏代码界面:
    右击代码选项卡上的文件,然后右键 -> spilt vertically(左右两屏)或者spilt horizontally(上下两屏)
  6. 本地历史功能:
    找回代码的好办法

WebStorm集成git使用

  • webstorm中只集成了git的常用操作,并不能完全替代命令行工具。在界面的右下角可以查看处于哪个git分支。也可以在上面点击切换或者新建分支。
  • 查看当前代码与版本库代码的差异:
    右击代码界面任意区域,选择git -> compare with然后选择要比较的版本库。

webstorm快捷键说明

Editing编辑相关快捷键

  1. Ctrl + Space
    Basic code completion (the name of any class, method or variable) 基本代码完成(任何类、函数或者变量名称),改为Alt+S
  2. Ctrl + Shift + Enter
    Complete statement 补全当前语句
  3. Ctrl + P
    Parameter info (within method call arguments) 参数信息 包括方法调用参数
  4. Ctrl + mouse over code
    Brief Info 简单信息
  5. Ctrl + F1
    Show description of error or warning at caret 显示光标所在位置的错误信息或者警告信息
  6. Alt + Insert
    Generate code…(Getters, Setters, Constructors)新建一个文件或者生成代码,…构造函数,可以创建类里面任何字段的getter与setter方法
  7. Ctrl + O
    Override methods 重载方法
  8. Ctrl + I
    Implement methods 实现方法
  9. Ctrl + Alt + T
    Surround with…(if, else, try, catch, for, etc)用 * 来围绕选中的代码行,( * 包括 if 、 while 、 try catch 等)
  10. Ctrl + /
    Comment/uncomment with line comment 行注释/取消行注释
  11. Ctrl + Shift + /
    Comment/uncomment with block comment 块注释/取消块注释
  12. Ctrl + W
    Select successively increasing code blocks 选择代码块,一般是增量选择
  13. Ctrl + Shift + W
    Decrease current selection to previous state 上个快捷键的回退,减量选择代码
  14. Alt + Q
    Context info 上下文信息
  15. Alt + Enter
    Show intention actions and quick-fixes 意图行动,快速见效
  16. Ctrl + Alt + L
    Reformat code 根据模板格式对代码格式化
  17. Tab/ Shift + Tab
    Indent/unindent selected lines 对所选行进行缩排处理/撤销缩排处理
  18. Ctrl + X or Shift + Delete
    Cut current line or selected block to clipboard 剪切当前行或所选代码块到剪切板
  19. Ctrl + C or Ctrl + Insert
    Copy current line or selected block to chipboard 拷贝当前行或者所选代码块到剪切板
  20. Ctrl + V or Shift + Insert
    Paste from clipboard 粘贴剪切板上的内容
  21. Ctrl + Shift + V
    Paste from recent buffers 粘贴缓冲器中最新的内容
  22. Ctrl + D
    Duplicate current line or selected block 复制当前行或者所选代码块
  23. Ctrl + Y
    Delete line at caret 删除光标所在位置行
  24. Ctrl + Shift + J
    Smart line join(HTML and JavaScript only)加入智能行 (HTML 和JavaScript)
  25. Ctrl + Enter
    Smart line split(HTML and JavaScript only)分离智能行 (HTML 和JavaScript)
  26. Shift + Enter
    Start new line 另起一行
  27. Ctrl + Shift + U
    Toggle case for word at caret or selected block 光标所在位置大小写转换
  28. Ctrl + Shift + ]/[
    Select till code block end/start 选择直到代码块结束/开始
  29. Ctrl + Delete
    Delete to word end 删除文字结束
  30. Ctrl + Backspace
    Delete to word start 删除文字开始
  31. Ctrl + NumPad+/-
    Expand/collapse code block 扩展/缩减代码块
  32. Ctrl + Shift+ NumPad+
    Expand all 扩张所有
  33. Ctrl + Shift+ NumPad-
    Collapse 缩减所有
  34. Ctrl + F4
    Close active editor tab 关闭活跃编辑标签

Search/replace搜索/替代相关快捷键

  1. Ctrl + F
    Find 当前文件内快速查找代码
  2. Ctrl + Shift + F
    Find in path 指定文件内寻找路径
  3. F3
    Find next 查找下一个
  4. Shift + F3
    Find previous 查找上一个
  5. Ctrl + R
    Replace 当前文件内代码替代
  6. Ctrl + Shift + R
    Replace in path 指定文件内代码批量替代

Usage Search搜索相关快捷键

  1. Alt + F7/Ctrl + F7
    Find usages/Find usages in file 找到使用/在文件找到使用
  2. Ctrl + Shift + F7
    Highlight usages in file文件中精彩使用
  3. Ctrl + Alt + F7
    Show usages 显示使用

Running运行

  1. Alt + Shift + F10
    Select configuration and run 选择构架,运行
  2. Alt + Shift + F9
    Select configuration and debug 选择构架,修补漏洞
  3. Shift + F10
    Run 运行
  4. Shift + F9
    Debug 修补漏洞
  5. Ctrl + Shift + F10
    Run context configuration from editor 从编辑运行内容构架
  6. Ctrl + Shift + X
    Run command line 运行命令行

Debugging Debugging相关快捷键

  1. F8
    Step over 不进入函数
  2. F7
    Step into 单步执行
  3. Shift + F7
    Smart step into 智能单步执行
  4. Shift + F8
    Step out 跳出
  5. Alt + F9
    Run to cursor 运行到光标处
  6. Alt+ F8
    Evaluate expression 评估表达
  7. F9
    Resume program 重新开始程序
  8. Ctrl + F8
    Toggle breakpoint 切换断点
  9. Ctrl + Shift + F8
    View breakpoints 查看断点

Navigation 定位相关快捷键

  1. Ctrl + N
    Go to class跳转到指定类
  2. Ctrl + Shift + N
    Go to file 通过文件名快速查找工程内的文件
  3. Ctrl + Alt +Shift + N
    Go to symbol 通过一个字符查找函数位置
  4. Alt + Right/ left
    Go to next/ previous editor tab 进入下一个/ 上一个编辑器选项
  5. F12
    Go back to previous tool window 进入上一个工具窗口
  6. Esc
    Go to editor(from tool window) 从工具窗口进入编辑器
  7. Shift + Esc
    Hide active or last active window 隐藏活动窗口
  8. Ctrl + Shift + F4
    Close active run/message/find/…tab 关闭活动….标签
  9. Ctrl + G
    Go to line 跳转到第几行
  10. Ctrl + E
    Recent files popup 弹出最近打开的文件
  11. Ctrl + Alt + Left/Right
    Navigate back/forward 导航前进/后退
  12. Ctrl + Shift + Backspace
    Navigate to last edit location 向最近编辑定位导航
  13. Alt + F1
    Select current file or symbol in any view 查找当前选中的代码或文件在其他界面模块的位置
  14. Ctrl + B or Ctrl + Click
    Go to declaration跳转到定义处
  15. Ctrl + Alt + B
    Go to implementation(s) 跳转方法实现处
  16. Ctrl + Shift + B
    Go to type declaration 跳转方法定义处
  17. Ctrl + Shift + I
    Open quick definition lookup 打开定义快速查找
  18. Ctrl + U
    Go to super-method/super-class 跳转方法/超阶级
  19. Alt + Up/Down
    Go to previous/next method 在方法间快速移动定位
  20. Ctrl + ]/[
    Move to code block end/start 跳转到编码块结束/开始
  21. Ctrl + F12
    File structure popup 文件结构弹出
  22. Ctrl + H
    Type hierarchy 类型层次
  23. Ctrl + Alt + H
    Call hierarchy 调用层次结构
  24. F2/ Shift + F2
    Next/previous highlighted error 跳转到后一个/前一个错误,高亮错误或警告快速定位,使用这个快捷键可以快捷在出错的语句之间进行跳转。
  25. F4/Ctrl + Enter
    Edit source/ View source 编辑源代码/查看源代码
  26. Alt + Home
    Show navigation bar 显示导航栏
  27. F11
    Toggle bookmark 切换标记
  28. Ctrl + F11
    Toggle bookmark with mnemonic 采用记忆切换标记
  29. Ctrl + #[0-9]
    Go to numbered bookmark 跳转到带编号的标记
  30. Shift + F11
    Show bookmark 显示标记

Refactoring 重构相关快捷键

  1. F5
    Copy 拷贝
  2. F6
    Move 移动
  3. Alt + Delete
    Safe Delete 安全删除
  4. Shift + F6
    Rename 重新命名
  5. Ctrl + Alt + N
    Inline Variable 嵌入变量
  6. Ctrl + Alt + M
    Extract Method( Javascript only) 提取函数
  7. Ctrl + Alt + V
    Introduce Variable 引入变量
  8. Ctrl + Alt + F
    Introduce Field 引入域
  9. Ctrl + Alt + C
    Introduce Constant 引入常量

VCS/Local History 版本控制系统/ 本地历史相关快捷键

  1. Alt + BackQuote( )
    ‘VCS’quick popup 快速弹出 VCS
  2. Ctrl + K
    Commit project to VCS 提交项目至VCS
  3. Ctrl + T
    Update project from VCS 从VCS 更新项目
  4. Alt + Shift + C
    View recent changes 查看最新改变

General 常用的相关快捷键

  1. Ctrl + Shift +A
    Find action 查找并调用编辑器的功能
  2. Alt + #[0-9]
    Open corresponding tool window 快速切换打开界面模块
  3. Ctrl + Alt + F11
    Toggle full screen mode 切换全屏模式
  4. Ctrl + Shift + F12
    Toggle maximizing editor 切换最大化编辑器
  5. Alt + Shift + F
    Add to Favorites 将当前文件添至收藏夹
  6. Alt + Shift + I
    Inspect current file with current profile 使用当前属性检查当前文件
  7. Ctrl + BackQuote( )
    Quick switch current scheme 快速转换现有组合
  8. Ctrl + Alt + S
    Open setting dialog 打开设置对话框
  9. Ctrl + Tab
    Switch between tabs and tool window 标签和工具窗的转换(与windows快捷键冲突)
  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebStorm是一款被广大程序员使用的开发工具。在Mac上,它提供了许多常用的功能。其中之一是全局搜索。使用全局搜索可以方便地查找项目中的特定内容。 使用WebStorm的姿势如下: 1. 首先,在hosts文件中添加以下内容:0.0.0.0 account.jetbrains.com。这将阻止WebStorm与该域名的连接,以避免一些问题。 2. 然后,你可以粘贴一段文字,如:K6IXATEF43-eyJsaWNlbnNlSWQiOiJLNklYQVRFRjQzIiwibGljZW5zZWVOYW1lIjoi5o6I5p2D5Luj55CG5ZWGOiBodHRwOi8vaWRlYS5oay5...。具体来说,这可能是一段用于激活WebStorm的授权密钥。 3. 接下来,你可以开始使用WebStorm进行开发工作,包括编写代码、调试程序、版本控制等等。WebStorm的功能非常丰富,可以根据你的需求进行定制和扩展。 总结来说,WebStorm是一款功能强大的开发工具,在Mac上提供了许多常用的功能,包括全局搜索。你可以通过一些简单的步骤来开始使用WebStorm,并享受它带来的便利和效率。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [WebStorm使用教程](https://blog.csdn.net/qq_25502269/article/details/105550973)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [webstorm 使用技巧](https://download.csdn.net/download/weixin_38499950/13759489)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值