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

webstorm是一个专为前端开发的编辑工具, 对HTML, JS, CSS的开发有很好的支持 。 下面一起来看下在mac下怎么对其进行优化设置 。 工具/材料 mac webstorm
调整代码文字大小 01 默认下, 代码的文字显示太小, 不利于保护眼睛 。

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图


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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

05 【mac下的webstorm开发工具优化设置】再看下现在的代码, 成功显示出了对应的行号 。

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

文章插图



以上内容就是mac下的webstorm开发工具优化设置的内容啦, 希望对你有所帮助哦!

    推荐阅读