网站首页 健康小知识 母婴教育 起名 运动知识 职场理财 情感生活 绿色生活 游戏数码 美容 特色美食 爱好

mac下的webstorm开发工具优化设置

栏目: IT技术 / 发布于: / 人气:1.64W

webstorm是一个专为前端开发的编辑工具,对HTML,JS,CSS的开发有很好的支持。下面一起来看下在mac下怎么对其进行优化设置。

调整代码文字大小

(01)默认下,代码的文字显示太小,不利于保护眼睛

mac下的webstorm开发工具优化设置

(02)点击系统菜单栏上的“WebStorm”,在弹出的菜单上点击“Preferences"

mac下的webstorm开发工具优化设置 第2张

(03)弹出窗口,点击左边的“Editor"

mac下的webstorm开发工具优化设置 第3张

(04)展开Editor栏,点击里面的“Font”

mac下的webstorm开发工具优化设置 第4张

(05)然后在右边的Size输入框里,输入适合自己的文字大小,我这里输入的是18

mac下的webstorm开发工具优化设置 第5张

(06)看下现在的代码,明显比刚才的看得更舒服了

mac下的webstorm开发工具优化设置 第6张

显示行号

(01)每个开发工具,我都希望其能显示代码的行号,因为这太重要了。webstorm默认下也没有显示

mac下的webstorm开发工具优化设置 第7张

(02)还是在Preferences窗口,点击左边“Editor"下的“General"

mac下的webstorm开发工具优化设置 第8张

(03)展开后点击里面的“Appearance",

mac下的webstorm开发工具优化设置 第9张

(04)然后在右边的窗口上,点击勾选上“Show Line Numbers"

mac下的webstorm开发工具优化设置 第10张

(05)再看下现在的代码,成功显示出了对应的行号。

mac下的webstorm开发工具优化设置 第11张