WebStorm设置和配置总结

持续更新 多图警告

部分非常用设置本文暂时忽略,请参考 官方帮助文档

Appearance & Behavior

Appearance — 外观

  • Theme — 从列表中选择所需的主题。高对比度主题适用于视力障碍者。个人比较偏好 Darcula深色,有效避免视觉疲劳
  • Use custom font — 启用并指定 WebStrom UI 自定义字体系列和大小。

Accessibility — 辅助功能

  • Support screen readers (Requires restart) — IDE启用屏幕阅读器 (重启后生效)
  • Use contrast scrollbars — 增强编辑器滚动条颜色对比度
  • Adjust colors for red-green vision deficiency — 调整颜色以适应红绿视力不足,适用于红色色盲绿色色盲 (重启后生效) (附:调整颜色效果)

UI Options — 界面选项

  • Cyclic scrolling in list — 循环滚动列表:启用后按↓方向键向下滚动列表到最后一个继续按↓,从最后一项跳到第一项,循环滚动 (附:最后一项跳到第一项)。不启用则不会从最后一项跳到第一项。(附:不会跳到第一项)
  • Show icons in quick navigation — 弹出窗口中显示的图标
  • Use smaller indents in trees — 在目录树中使用较小的缩进 (附:默认缩进与较小缩进)
  • Show tree indent guides — 显示目录树缩进参考线 (附:缩进参考线)
  • Automatically position mouse cursor on default button — 在默认按钮上自动定位鼠标光标,例如:打开 Files > Settings 或者 Files > Open时,窗口打开后,鼠标默认在OK按钮的位置上。 (附:光标在默认按钮位置)
  • Hide navigation popups on focus loss — (功能无效果,等待官方答复)
  • Drag-n-Drop with ALT pressed only — 启用后,需要按住 Alt 键才能拖拽编辑器选项卡

Antialiasing — 抗锯齿

  • IDE — 设置IDE的包括菜单,工具窗口等文字抗锯齿模式;
  • Editor — 设置编辑器代码文字抗锯齿模式;
默认的 Subpixel 模式是最完美的抗锯齿效果, Editor 抗锯齿效果最为明显。大家可以调整模式积极性对比。 (附:抗锯齿效果对比 Subpixel / Greyscale / No antialiasing)

Window Options — 系统选项

  • Animate windows — 取消未停靠的工具窗口时,随动画效果一起滑动 (效果不明)
  • Show tool window bars — 显示工具窗口栏 (附:工具窗口栏设置)
  • Show tool window numbers — 显示工具窗口栏编号 (附:工具窗口栏编号设置)
  • Disable mnemonics in menu — 禁用菜单中热键下划线 (附:助记符设置)
  • Allow merging buttons on dialogs — 允许对话框中的多个选项将组合在带有向下箭头的单个按钮下 (附: ?)
  • Display icons in menu items — 图标显示在菜单选项的左侧,否则不带图标 (附:菜单选项图标设置)
  • Side-by-side layout on the left左侧工具窗口放置方式。针对宽屏对工具窗口显示的优化 (附:工具窗口放置方式)
  • Side-by-side layout on the right右侧工具窗口放置方式
  • Widescreen tool window layout — 为宽屏显示优化了工具窗口的放置方式 (附:宽屏工具窗口放置方式)
  • Always show full paths in window header — 始终在窗口标题中显示完整路径 (附:标题中路径设置)

Presentaition Mode — 演示模式

  • Font size — 选择演示模式的字体大小。

System Settings (系统设置)

Startup/Shutdown — 启动/关闭

  • Reopen last project on startup — 启动时重新打开最后一次启动的项目
  • Confirm application exit — 退出时,提示确认关闭,如果确认并选择 Do not ask me agein 后,可在此重新开启

Project Opening — 打开项目

  • Default directory — 项目默认目录,此目录在 "打开…" 和 "新建|项目…" 对话框中 预选目录,未设置默认目录,对话框中预选目录可能是 系统用户默认目录当前项目目录 (附:未设置默认目录)
  • Open project in new window — 在新建窗口打开项目
  • Open project in the same window — 在当前窗口打开项目,关闭当前项目并打开新项目
  • Confirm window to open project in — 确认打开项目的方式

Synchronization — 同步设置

  • Synchronize files on frame or editor tab activation — 从其他应用程序切换到编辑器或编辑器选项卡激活时,同步文件
  • Save files on frame deactivation — 切换到其他应用时,保存文件
  • Save files automatically if application is idle for [number] sec. — 空闲指定秒数时,则自动保存文件
  • Use "safe write" (save changes to a temporary file first) — 使用"安全写入"(首先将更改保存到临时文件)

On Closing Tool Window with Running Process — 关闭时存在运行进程的窗口

  • Terminate process — 正在运行的进程将断开连接并以静默方式终止
  • Disconnect (if available) — 正在运行的进程将断开连接 (如果有)
  • Ask — 提示选择处理方式

Notifications (通知)

  • Display balloon notifications — 启用IntelliJ IDEA的事件气球通知,但无论是否启用气球通知,事件日志中找到当前会话的所有通知
  • Enable system notifications — 启用系统通知,禁用此选项可以从系统托盘中隐藏IntelliJ IDEA图标

    • Group — 此列列出了可能会通知您和/或可能会记录的事件组
    • Popp — 设置显示相应事件组的通知方式

      • Balloon — 带有通知消息的气球会在屏幕上显示一小段时间,然后自动消失。通知还显示在状态栏中,并添加到通知列表中
      • Sticky balloon — 需要手动关闭的通知气球
      • Tool window balloon — 仅在打开适当的工具窗口时才会显示通知提示框
      • No popup — 不显示相应事件组的通知
      • log — 记录相应的事件,并且可以在“事件日志”工具窗口中看到该事件

Editor (编辑设置)

General (常规设置)

Mouse Control — 鼠标控制

  • Change font size with Ctrl+Mouse Wheel — 使用Ctrl+鼠标滚轮更改字体大小
  • Move code fragments with drag-and-drop — 在编辑器中拖放代码片段

Soft Wraps

...待续

附录

Adjust colors for red-green vision deficiency
调整颜色效果
WebStorm设置和配置总结_第1张图片

Cyclic scrolling in list
最后一项跳到第一项
WebStorm设置和配置总结_第2张图片

Cyclic scrolling in list
不会跳到第一项
WebStorm设置和配置总结_第3张图片

Use smaller indents in trees
默认缩进与较小缩进
WebStorm设置和配置总结_第4张图片

Show tree indent guides
缩进参考线
WebStorm设置和配置总结_第5张图片

Automatically position mouse cursor on default button
光标在默认按钮位置

Antialiasing
抗锯齿效果对比 Subpixel / Greyscale / No antialiasing
WebStorm设置和配置总结_第6张图片

Show tool window bars
工具窗口栏设置
左下角图标,点击切换工具窗口栏的显示设置,鼠标经过选择工具窗口
WebStorm设置和配置总结_第7张图片

Show tool window numbers
工具窗口栏编号设置
WebStorm设置和配置总结_第8张图片

Disable mnemonics in menu
助记符设置
WebStorm设置和配置总结_第9张图片

Display icons in menu items
菜单选项图标设置
WebStorm设置和配置总结_第10张图片

Side-by-side layout on the left
工具窗口放置方式
WebStorm设置和配置总结_第11张图片

Widescreen tool window layout
宽屏工具窗口放置方式
WebStorm设置和配置总结_第12张图片

Always show full paths in window header
标题中路径设置
WebStorm设置和配置总结_第13张图片

Default directory
未设置默认目录
WebStorm设置和配置总结_第14张图片

你可能感兴趣的:(javascript,前端,webstorm,编辑器)