webstorm 配置项文档 + 使用文档 （一）

webstorm 配置项文档 + 使用文档

时间: 2020-10-13 webstorm2020.2.3 版本

通过 ctrl+F 搜索你想了解的 webstorm 配置

有些效果按 Apply 就可以看出效果， 而有些效果则需要按 OK 才行。

Appearance Behavior 外观行为

Accessibility 无障碍

没使用过，不作示意

• Support screen readers 支持屏幕阅读器( 需要重启 )
• Use contrast scrollbars 使用对比滚动条
• Adjust colors for red-green vision deficiency 调整红绿视力不足的颜色

UI Options UI 选项

• Show tree indent guides 显示树缩进参考线

  

• Smooth scrolling 平滑滚动

  开启时使用鼠标滚轮滚动更加顺畅自然，关闭时滚动非常僵硬，建议开启。

• Use smaller indents in trees 在树上使用较小的缩进

  在树上（例如左侧导航视图）节点的缩进变小。

• Drag-and-drop with Alt pressed only 仅在按住 Alt 的情况下拖放

  同样是针对树结构的。webstorm 可以通过拖动来移动文件夹和文件，若开启此选项，则必须按住 Alt 才能开启拖放操作。

• Enable mnemonics in menu 在菜单中启用助记符

  

  若开启则会在如上图中，有些单词被划上下划线。在快捷键不冲突的前提下,按住alt+被划线的单词可以快速打开此选项。

  例如, 按住 alt+u

  

• Always show full path in window header 始终在窗口标题中显示完整路径

  不开启时

  

  启时

  

• Enable mnemonics in controls 在控件中启用助记符

  功能和菜单启用助记符一致

• Display icons in menu items 在菜单项中显示图标

  启用后

  

Antialiasing 抗锯齿

第一个选项指的是整个 IDE 界面字体

第二个选项指的是整个编辑器字体

选项如下:

• Subpixel 亚像素
• Greyscale 灰度
• No antialiasing 无抗锯齿

一个个试试，选择合适的就行，一般来说，就选择默认的 Subpixel 更好

Presentation Mode 演示模式

如下进入演示模式

Font Siez 调节演示模式中的字体大小

Menus and Toolbars 菜单与工具栏

主要是调节菜单和工具栏中的位置，图标。属于外观调节部分。

System Settings 系统设置

• Confirm before exiting the IDE 退出 IDE 前确认
  
• When closing a tool window with a running process 当关闭一个正在运行的进程的工具窗口时

  有如下选项: Terminate process 终止进程、Disconnect 断开、ask 询问

Project 项目

• Reopen projects on startup 启动时重新打开项目
• Open project 打开项目在: New Window 新窗口、Current Window 当前窗口、Ask 询问
• Default project directory 默认项目文件夹(目录是在 OpeProject 中预选的)

AutoSave 自动保存

• Save files if the IDE is idle for [] seconds IDE 空闲多少秒就会保存文件
• Save files when switching to a different application 切换到其他应用程序时保存文件
• Back up files before saving 保存前备份文件
• Synchronize external changes when switching to the IDE window or opening an editor tab 切换到 IDE 窗口或打开编辑器选项卡时同步外部更改

Tip: 无法完全禁用自动保存

Scope 域、范围

Scope 其实就是新建一些自定义的范围、域

如何使用?

如上图，新建了一个名为测试的域的 Scope。

现在你可以在搜索中使用到这个测试的域 Scope

Notifications 通知

我认为没有了解的必要

Quick Lists 快速列表

一个自定义快速操作的列表。

如何使用？

我把最常用的操作组成了一个 Quick List, 如图所示进行新建

复制 Quick List 的名称， 这里是TestQuickList, 现在给它进行快捷键绑定

现在我只要按下 ctrl+shift+逗号, 就会出现如下图的界面:

(因为 commit、update 等操作无效，就没展示在此 list 中, 因为写文档时没有安装 svn...)

Path Variables 路径变量

给路径给个变量名， 注意此变量的适用范围是在 IDE 文件操作中。

演示:

添加路径变量

在如下位置，写入变量名test

创建项目，进行测试

可以看到，默认项目位置已经变成我们设置的位置了。可以继续去 Path Variables 更改文件夹地址，再去新建项目试试。

Keymap 键位设置

可以设置键位。

Editor 编辑器

General 常规

Mouse Control 鼠标控制

• Change font size with Ctrl + Mouse Wheel 使用 Ctrl+鼠标滚轮更改字体大小

• Move code fragments with drag-and-drop 通过拖放移动代码片段

  选中一片代码，可以通过拖动来改变位置，禁用则没有此效果

Soft Wraps 自动换行

• Soft-wrap these files 在这些文件中使用自动换行
• Use the original line's indent for wrapped fragments 将原始行的缩进用于自动换行

  如何理解?请看下图，第一个是开启改选项的结果，第二个是关闭选项的结果

  
  (图一)
  
  (图二)

• Only show soft-wrap indicators for the current line 仅在当前行使用自动换行

Virtual Space 虚拟空间

• Allow caret placement 允许插入光标符号

  • After the end of line 行尾
  • Inside tabs 标签内部
• Show virtual space at the bottom of the file 在文件底部显示虚拟空间

何谓虚拟空间(Virtual Space)? 注意观察下图光标位置

光标所在位置就是虚拟位置，因为光标附近根本没有空格,关闭虚拟空间后

~~~~

Caret Movement 光标符号运动

此选项事关光标移动逻辑，建议不要改动。

Scrolling 滚动

• Enable smooth scrolling 启用平滑滚动

• Caret behavior 光标行为

  • Keep the caret in place , scroll editor canvas 保留光标，滚动编辑器画布
  • Move caret , minimize editor scrolling 移动光标，最小化编辑器滚动

TODO: 暂时没了解到这到底有什么区别, 先选用默认

Limits 限制

• Recent files limit 记录最近文件数量限制
• Recent locations limit 最近位置的限制(影响 ctrl+z, ctrl+y 可使用次数)

Rich-text Copy 富文本 Copy

• Copy ( Ctrl + C ) as rich text 按 ctrl+c 时作为富文本复制
• Color scheme for copied fragment 复制片段的配色方案

Save Files 保存文件

---

后续更新 工作量有点大...~~~~

---

篇幅过长， 分割成系列，觉得有帮助的兄弟可以点个赞o(￣▽￣)ｄ