WebStorm使用教程:如何设置个性化的IDE

WebStorm带有一些预定义的主题,但也有多种自定义选项可供选择,本文主要介绍了自定义UI主题、如何使用“Switch”弹出窗口更快地执行一些常见任务以及隐藏UI元素减少混乱等方式方法。

WebStorm是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为”Web前端开发神器””最强大的HTML5编辑器””最智能的JavaSscript IDE&rdquo”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。您也可以观看本章视频了解详细内容

WebStorm最新试用版

更改UI主题

WebStorm带有一些预定义的主题,但也有多种自定义选项可供选择。要浏览可用的自定义主题,请转至Preferences/Settings | Plugins并在市场上搜索theme。如果现有主题都不适合您的需求,那么您也可以创建自己的主题。

WebStorm使用教程:如何设置个性化的IDE

除了自定义主题外,您可能还需要安装一些其他方便的插件。

使用“Switch”弹出窗口更快地执行一些常见任务

如果你想要快速查看已安装的主题的样式可以返回到Preferences/Settings | Appearance & Behavior | Appearance ”。并从此处更改当前主题。或者,您也可以改用Switch弹出窗口!按下Ctrl键和`,选择theme,并能够一次预览所有的可用主题。

这不是Switch弹出窗口唯一有用的功能。例如,您可以使用此弹出窗口切换到Zen模式,当您需要消除干扰并专注于代码时,这将非常有用。要做到这一点,按下Ctrl键和键,选择View Mode,点击 Enter/Exit Zen Mode。

您可以切换的其他查看模式包括Presentation, Distraction-free, 和 Full Screen。

移动工具窗口

您也可以更改工具窗口的默认位置。为此,请点击要移动的工具窗口上的齿轮图标,转到“ Move to并为该工具窗口选择其他位置。

移动工具窗口网络风暴

您甚至可以使工具窗口浮在编辑器顶部或完全分离它,以便您可以在其他监视器上独立查看它。为此,您需要转到工具窗口设置,选择View Mode。

通过隐藏UI元素减少混乱

为了减少混乱,您可以隐藏一些UI元素。首先,您可以通过右键单击状态栏并删除不使用的小部件来自定义状态栏。

如果单击状态栏上的快速访问按钮,也可以摆脱工具窗口栏。这将给您更多的空间。在隐藏工具窗口栏的情况下,您仍然可以通过将鼠标悬停在快速访问图标上并选择所需的内容或使用该工具窗口的专用快捷方式来访问所有工具窗口。

WebStorm使用教程:如何设置个性化的IDE

通常,切换UI元素可见性的最快方法是“ Find Action命令。也可以按Cmd / Ctrl + Shift + A,查找要隐藏的UI元素(状态栏,装订线上的行号或其他内容),然后从此处关闭它。

在IDE设置中查找所需的内容

如果您转到Preferences/Settings,您会发现很多其他的东西。例如,在“ Keymap部分中,您可以选择要使用的键盘映射,重新分配现有的快捷方式,并为没有任何关联的动作创建自定义快捷方式。

webstorm-keymap-changes

除了键盘映射之外,您还可以自定义许多其他内容。如果您不知道要更改的特定设置位于何处,只需在搜索字段中查找即可!

假设您要更改默认的编辑器字体。只需输入font,您将看到其中包含字体样式的可用部分。如果现在在Preferences/Settings | Editor ”下选择“ font”您将跳至可以更改字体的位置。

今天就这样。当然,您可以在WebStorm中自定义很多内容。在本教程中,我们仅介绍了一些基本内容。

WebStorm最新试用版>>

如果你对我们的产品感兴趣或者有任何疑问,欢迎咨询在线客服>>

高端UI界面开发
标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年6月19日
下一篇 2020年6月19日

相关推荐

发表回复

登录后才能评论