WebStorm设置字体和颜色
新建Scheme + 修改字体
ctrl+alt+s打开Settings界面,Editor > Colors&Fonts > Font。
Default scheme是亮色调,但我想定制一套暗背景的环境,所以在右侧Scheme name下拉框中选择Monokai,以此作为修改的基础,然后点击Save as,给自己新建的Scheme起个名字吧,如下图:
这里面可以设置字体(我一般选择Consolas),字体大小,行间距。
自定义语法高亮
用ctrl+alt+s打开Settings界面,Editor > Colors&Fonts。
不同语言有各自的语法高亮规则,但有一部分是通用的(General),我们首先来设置General,然后再根据需要设置不同语言的语法高亮。
General的设置
普通文本:default text
折叠文本: Folded text
光标: Caret
光标所在行: Caret row
行号: Line number
TODO: TODO default
光标下变量高亮:Search result
搜索结果:Text search result
匹配的括号:Matched brace
不匹配的括号:Unmatched brace
未使用的符号:Unused symbol
左边空隙(行号,断点):Gutter background
选中的文本背景色:Selection background
选中的文本前景色:Selection foreground
区分语言的设置
举例来说,如果要更改Javascript的语法高亮,就在上图中选择Javascript,然后再进行详细设置。具体设置项就不赘述了。
显示行号 + 自动换行
如果用Vim编程,行号是非常必要的辅助。WebStorm默认是不显示行号的,没关系,显示行号非常的容易。
只要在代码左侧的gutter区域点右键,就会出现下图的菜单:勾选上Show Line Numbers即可。
另外,勾选上图中的Use Soft Wraps就启用了WebStorm的自动换行的功能,即过长的代码行不会超出屏幕,不会出现横向的滚动条。
值得一提的是,标准的Vim,jk是移到上一行下一行,如果代码自动换行了,被分割成的两行虽然看起来是两行,但其实是一个逻辑行,这时候用jk是上移下移一个逻辑行。这种情况下,如果要从同一逻辑行的“第一行”移动到“第二行”,需要按gj,即先按g再按方向。虽然Vim提供了这个方法,但还是经常按错。
好消息是,启用了Use Soft Wraps的WebStorm不需要这样,直接按j就可以从同一逻辑行的“第一行”移动到“第二行”。
WebStorm设置字体和颜色相关推荐
- QT打印窗口、退出、设置字体及颜色、设置时间、控件实现系统函数、添加资源文件(菜单图片)、工具栏添加图片
打印窗口 #include <QPrintDialog> 退出 QObject::connect(ui->exitAction, SIGNAL(triggerd()), this, ...
- MATLAB 一幅图两个纵坐标(附带功能:设置字体、颜色、字号、坐标轴显示范围、显示间隔、加百分号)
plot一幅图,有两个变量,共用一个自变量,各有各的纵轴标度,想画在一幅图里 网上查的有两种思路: 1.plotyy 2.yyaxis 个人推荐第2种:yyaxis(亲测在2016b版本中可以用,据说 ...
- odoo14 文本字段动态设置字体样式颜色 decoration
简介:我们在实际开发中有时候需要突出显示字段文本,让使用者可以更直观的查看数据,就需要对字段文本进行字体及颜色的设置.odoo自带了一套简单的设置颜色的方式,可以设置列表中某个字段的颜色字体. (一) ...
- Latex系列3---页面设置+字体字号+颜色符号
上一节中阐述的是简易的文本,本节在此基础上进行完善加工. 页面设置 页边距 在平时写文章的时候,其实对于页边距的要求不高,但是论文这种就比较的严格. 调整页边距需要使用\usepackage{geom ...
- POI导出Excel:设置字体、颜色、行高自适应、列宽自适应、锁住单元格、合并单元格...
点击关注公众号,利用碎片时间学习 1. 前言 poi框架可以支持我们在java代码中, 将数据导出成excel , 在实际开发中, 往往还需要设置excel字体,颜色,行高,列宽等属性, 有时候还需要 ...
- 【C++游戏设计】 通过函数设置字体的颜色
哈喽大家好,我是iecne,本期为大家带来的是CPP/C++游戏设计教程的第③期-- 字体的颜色 ,包教包会,快来看看吧! 大家都知道,初学C++或者各种语言,面对枯燥无比的题目,脑子要爆的感觉是十分 ...
- QFont如何设置字体大小/颜色等?
1.设置字体的大小: QFont ft;ft.setPointSize(25);//字体大小m_titleLabel->setFont(ft);//其他控件里的字体大小设置也一样 2.设置字体颜 ...
- Python+tkinter+Treeview模拟表格并设置字体和颜色
清华大学出版社-第10届高等学校计算机程序设计课程论坛 中国大学MOOC"Python程序设计基础"免费学习地址 2020年秋季学期Python教材推荐与选用参考 推荐图书: &l ...
- MD编辑器设置字体、颜色、大小
颜色: 浅红色文字:浅红色文字: 深红色文字:深红色文字 浅绿色文字:浅绿色文字 深绿色文字:深绿色文字 浅蓝色文字:浅蓝色文字 深蓝色文字:深蓝色文字 浅黄色文字:浅黄色文字 深黄色文字:深黄色文字 ...
最新文章
- mongoDB学习笔记(一)
- 使用putty远程linux服务
- messenger支持查找附近的人功能吗_最新的 macOS Catalina 正式版,值得更新吗?
- 深入理解ROS技术 【4】ROS下的模块详解(181-232)
- Android 自定义WebView 实现可以加载缓存数据
- Linux网络协议栈(二)——套接字缓存(socket buffer)
- window.location和window.open的区别
- 设计灵感|见过如此吸睛的,单色调Banner设计么?
- 1.1.27 word表格里的文字不显示
- fps up up!!!
- 连接池简介及其工作原理
- 计算机软件师社会需求,java软件工程师的社会环境如何?
- VALUES LESS THAN value must be strictly increasing for each partition,MySQL分区需要注意的坑
- oracle 11g 服务端下载地址及安装说明
- 抖音32级多少钱音浪要刷多少钱 抖币详细介绍
- 计算机应用 审稿2个月,我的《计算机应用》投稿经历
- SPRING BOOT之三-Tests
- 用一个比喻来解释对 同步 异步 阻塞 非阻塞 轮询 回调 的理解
- clap与slap_slap
- python爬取flickr官网上图片