evantianx / ws-config

My WebStorm config(including theme, packages, settings etc)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

界面设置

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

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

均可以在 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 提供了一个很棒的功能:可以自定义编辑器背景。

我个人常用的背景:

About

My WebStorm config(including theme, packages, settings etc)