多语言展示
当前在线:1601今日阅读:61今日分享:18

【WebStorm】菜单栏及代码字体样式与大小设置

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。这里有很多人刚开始使用会觉得字体很小,但又不知道怎么自定义字体的大小和样式,在这里我教大家如何进行设置。
工具/原料

已安装有并且可以正常运行的WebStorm的PC。

前言

这里介绍两个部分的字体样式和大小的自定义:菜单栏和代码。并且介绍开启Ctrl+滚轮改变字体大小的方法(推荐)。

菜单栏部分
1

首先打开菜单栏,可以看到菜单栏的字体是相对较小的。

2

左上角“File(文件)-Settings(设置)”,进入设置。【也可以Ctrl+Shift+S进入】

3

选择“Appearance & Behavior(外观和表现)”选项下的“Appearance (外观)”子选项卡,进入“外观”设置。

4

找到“override default fonts by(not recommended)(以。。覆盖默认字体(不推荐))”,在前面打上对勾,选择喜欢的字体样式和大小。“应用”以预览,“确定”完成修改。

5

可以看到完成后的效果图。当然这列也是不推荐进行修改的,如果有需要的可以进行修改。

6

想恢复,直接去掉上述对勾确定即可,无需另行设置。

代码部分
1

我们第一次进行WebStorm的使用的时候,会感觉字体很小,看久了眼睛会很疲劳。所以,这里推荐进行字体的修改。

2

同样方法,进入设置。

3

进入“Editor(编辑)-Colors&Fonts(颜色和字体)-Font(字体)”设置,这里可以看到“编辑字体”项目是灰色的,无法操作的。

4

接下来,我们需要点击“Save As...(另存为)”,点击“确定(OK)”。

5

会直接显示在另存为的字体样板下。这时候,“编辑字体”就可以进行设置了。

6

以下是完成的效果图。

Ctrl+滚轮更改(只限更改大小)
1

但有些时候,我们不想为了改字体大小而重复进入设置,这时候就需要不进入设置的方法了。以下详述:按照上述方法,进入设置。

2

在“Editor(编辑)-General(一般)”下,找到“Change font size(Zoom)with Ctrl+Mouse Wheel(用Ctrl+鼠标滚轮改变字体大小(缩放)”,在前面打上对勾,确定。

3

这时候回到代码页,用Ctrl+鼠标滚轮进行尝试,可以看到字体大小可以进行随心所欲地改变了。

后语

以上就是WebStorm菜单栏及代码字体样式与大小设置的方法了,希望能帮到大家。如果有帮助,请给作者投上一票。

注意事项
1

作者测试Wedstorm版本是10.0.1.

2

其他版本应该大同小异,可以进行尝试。

推荐信息