界面设置

关闭不必要的工具栏，侧边栏，面包屑导航等

底部状态栏 + 侧边工具栏 ＋ 顶部工具栏 + 导航栏

均可以在 Views 选项中关闭

Views > Statu Bar

Views > Tool Buttons

Views > Tool Bar

Views > Navigation Bar

结构层次面包屑导航

鼠标移动至 HTML 或 CSS 中某一行时，在文件上方会出现光标目前位置所处的层次，平时不怎么用。

Preferences > search "breadcrumbs" > close 'Show breadcrumbs'

Tabs 栏

可以在任意一个 Tab 上右键:

Tabs Placement > none

编辑器设置

主题设置

采用 @S1ngS1ng 的配色主题

字体

其实苹果自带的 Menlo 字体就挺不错的，不过我个人更偏向细长一点的字体，所以选择了 @Belleve 制作的 losevka 字体,效果如下:

字体大小设置为 18px，行高 1.4（Preferences > Editor > Colors & Fonts > Font）

关于代码

缩进

默认情况下 WS 会按照文件中原本缩进来进行缩进，往往不是我们所希望的结果。

我们可以在 Preferences > Code Style > Detect and use existing file indents for editing 中设置。

取消勾选之后在所选语言中设置 Tab size，Indent，Continuation Indent 即可。

设置背景

WS 提供了一个很棒的功能：可以自定义编辑器背景。

我个人常用的背景: