修改WebSotorm背景色

阳光穿透心脏的1/2处 2022-05-26 11:23 282阅读 0赞

1.  **默认的WebStorm的背景色是纯白色，这种颜色更容易让你引起眼部疲劳。**
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm]][WebStorm_WebStorm]
2.  2
    
    **点击“文件”→“设置”**
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 1]][WebStorm_WebStorm 1]
3.  3
    
    **找到并点击“Colors & Fonts”打开“Editor”（编辑）**
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 2]][WebStorm_WebStorm 2]
4.  4
    
    **打开“编辑”后，找到“HTML”**
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 3]][WebStorm_WebStorm 3]
5.  5
    
    **这时，查看右侧，找到如下图的选框，选择你所喜欢的背景色。**
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 4]][WebStorm_WebStorm 4]
6.  6
    
    **确定背景色后，找到并点击“Save as”选项，随意输入你喜欢的名字。**
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 5]][WebStorm_WebStorm 5]
    
    END

## 修改字体大小 ##

1.  点击并打开“Colors & Fonts”，找到“Font”
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 6]][WebStorm_WebStorm 6]
2.  **这时，查看窗口右侧，找到你刚刚输入的那个命名，在找到Size选项。**
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 7]][WebStorm_WebStorm 7]
3.  直接在Size后的窗口中输入数字即可，我用的是20。大家根据喜好修改就可以了。
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 8]][WebStorm_WebStorm 8]
4.  **这是修改后的效果图**
    
    [![如何修改WebStorm的背景色和字体大小][WebStorm 9]][WebStorm_WebStorm 9]
5.

[WebStorm]: https://imgsa.baidu.com/exp/w=500/sign=4346fe7fbe12c8fcb4f3f6cdcc0292b4/72f082025aafa40f7a364282ac64034f79f019f8.jpg
[WebStorm_WebStorm]: /images/20220526/41176d747a0f4cab85803f729173ca3f.png
[WebStorm 1]: https://imgsa.baidu.com/exp/w=500/sign=13f10e6f3df33a879e6d001af65d1018/2e2eb9389b504fc213aa3d5ae2dde71191ef6dfc.jpg
[WebStorm_WebStorm 1]: /images/20220526/df2716e6117948f9ab7f3c01568e4e01.png
[WebStorm 2]: https://imgsa.baidu.com/exp/w=500/sign=d14889c2ccef76093c0b999f1edca301/9825bc315c6034a8836335decc134954082376e8.jpg
[WebStorm_WebStorm 2]: /images/20220526/208b41ee3ccc4a3badc581544861b8f0.png
[WebStorm 3]: https://imgsa.baidu.com/exp/w=500/sign=40026b7409f41bd5da53e8f461da81a0/0b55b319ebc4b7457eb53b49c8fc1e178a82154f.jpg
[WebStorm_WebStorm 3]: /images/20220526/3a9666e01d3e4625859a509aa9dd4280.png
[WebStorm 4]: https://imgsa.baidu.com/exp/w=500/sign=43990911cd8065387beaa413a7dca115/cf1b9d16fdfaaf5123540de08b5494eef01f7a3e.jpg
[WebStorm_WebStorm 4]: /images/20220526/062a0b3e0e0e4aa18e11732d61446b08.png
[WebStorm 5]: https://imgsa.baidu.com/exp/w=500/sign=7dd72a7cb77eca80120539e7a1229712/a6efce1b9d16fdfa60974ab1b38f8c5495ee7bf2.jpg
[WebStorm_WebStorm 5]: /images/20220526/02f063af4e1c42079751e6c4604d438e.png
[WebStorm 6]: https://imgsa.baidu.com/exp/w=500/sign=ab90c1e699510fb378197797e932c893/f9198618367adab407b0941c8cd4b31c8701e409.jpg
[WebStorm_WebStorm 6]: /images/20220526/54ee55791ab448f88a6b8414e9891d7d.png
[WebStorm 7]: https://imgsa.baidu.com/exp/w=500/sign=4c6094b2a4cc7cd9fa2d34d909002104/8cb1cb13495409233d9bec219558d109b2de49fb.jpg
[WebStorm_WebStorm 7]: /images/20220526/81d9c375b4b445dda3589351de4438f5.png
[WebStorm 8]: https://imgsa.baidu.com/exp/w=500/sign=f7327992fb039245a1b5e10fb795a4a8/4afbfbedab64034f4c0c4d59a8c379310b551daf.jpg
[WebStorm_WebStorm 8]: /images/20220526/17940dbfa2b443168e783d8d96b94c58.png
[WebStorm 9]: https://imgsa.baidu.com/exp/w=500/sign=d97f827db41bb0518f24b328067ada77/a1ec08fa513d269729e6860252fbb2fb4316d8bc.jpg
[WebStorm_WebStorm 9]: /images/20220526/41176d747a0f4cab85803f729173ca3f.png0

发表评论取消回复

表情：

评论列表（有 0 条评论，282人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app修改页面背景色

全局背景颜色设置方式：在`App.vue`的`style`样式表中设置 <style lang="scss"> page {

超、凢脫俗/ 2023年10月11日 16:41/ 0 赞/ 54 阅读

相关修改notepad++的主题（背景色、前景色、字体等）

在设置->语言格式设置，打开设置的界面： ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] 转载自： [修

曾经终败给现在/ 2022年06月15日 08:08/ 0 赞/ 322 阅读

相关修改chrome背景色

安装customecss.crx插件在配置文件夹\\Default\\Extensions\\kgmedhinhdocolhpcmikgehmahdjemcn\\

系统管理员/ 2022年06月13日 06:09/ 0 赞/ 312 阅读

相关 android修改ActionBar背景色

原文地址：[http://blog.csdn.net/jiayite/article/details/50411714][http_blog.csdn.net_jiayite_

心已赠人/ 2022年06月03日 03:07/ 0 赞/ 551 阅读

相关修改WebSotorm背景色

1. 默认的WebStorm的背景色是纯白色，这种颜色更容易让你引起眼部疲劳。 [![如何修改WebStorm的背景色和字体大小][WebStorm]][W

阳光穿透心脏的1/2处/ 2022年05月26日 11:23/ 0 赞/ 283 阅读

相关 IDEA修改代码背景色

修改java代码的背景色 ![20180604113000505][] 代码行号数字的颜色 ![20180604113038919][]

Bertha 。/ 2022年05月23日 06:38/ 0 赞/ 317 阅读

相关 JPanel修改背景色或背景图片

1.在开发中如果只有一个JPanel需要白色背景色，那完全可以使用JPanel然后再将JPanel背景色设置为白色即可。 import java.awt.Color;

怼烎@/ 2022年05月20日 05:20/ 0 赞/ 352 阅读

相关 idea修改背景色

首先，护眼的颜色RGB分别为199,237,204,16进制为\C7EDCC。编辑器区域背景色的设置在Idea的settings->Editor->Colors&F

ゝ一世哀愁。/ 2022年05月14日 09:42/ 0 赞/ 334 阅读

相关猎豹浏览器修改背景色

打开C:\\Users\\Administrator\\AppData\\Local\\liebao\\User Data\\kswl670459586（猎豹用户名，你的用户名

港控/mmm°/ 2022年01月28日 12:09/ 0 赞/ 330 阅读

相关修改notepad++的主题（背景色、前景色、字体等）

1.设置方法：设置---语言格式设置---选择主题，同时勾选“使用全局字体”“使用全局字体大小” 2.主题名称：Obsidian 3.字体字号：Courier New 1

淡淡的烟草味﹌/ 2021年12月14日 07:55/ 0 赞/ 974 阅读