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
调整颜色效果
调整颜色效果

Cyclic scrolling in list
最后一项跳到第一项
最后一项跳到第一项

Cyclic scrolling in list
不会跳到第一项
不会跳到第一项

Use smaller indents in trees
默认缩进与较小缩进
默认缩进与较小缩进

Show tree indent guides
缩进参考线
缩进参考线

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

Antialiasing
抗锯齿效果对比 Subpixel / Greyscale / No antialiasing
抗锯齿效果对比 Subpixel / Greyscale / No antialiasing

Show tool window bars
工具窗口栏设置
左下角图标,点击切换工具窗口栏的显示设置,鼠标经过选择工具窗口
工具窗口栏设置

Show tool window numbers
工具窗口栏编号设置
工具窗口栏编号设置

Disable mnemonics in menu
助记符设置
助记符设置

Display icons in menu items
菜单选项图标设置
菜单选项图标设置

Side-by-side layout on the left
工具窗口放置方式
工具窗口放置方式

Widescreen tool window layout
宽屏工具窗口放置方式
宽屏工具窗口放置方式

Always show full paths in window header
标题中路径设置
标题中路径设置

Default directory
未设置默认目录
未设置默认目录

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