Sublime Text 2/3自定义主题

当你使用sublime text2/3时,是否为一直使用一种主题而觉得没劲,没有新鲜感,是否有想自制一套主题的冲动。这里介绍如何自定义一个属于个人的主题,下面的操作全是在sublime text2上进行。

sublime text自带了好几种主题:All Hallow's Eve,Amy,Blackboard,Dawn,IDLE,LAZY,Mac Classic,Monokai等等,默认使用的就是Monokai这个主题。

第一种自定义主题的办法就是在线编辑主题,这里介绍自定义主题的网站:http://tmtheme-editor.herokuapp.com,我们打开,也是Monokai这个主题。

Sublime Text 2/3自定义主题_第1张图片

这里可以对你Monokai主题进行修改,然后Down下来,放到Sublime Text 2\Packages\Color Scheme - Default目录下,修改名称或者替换原来的Monokai,如buejee.tmTheme,然后打开Sublime Text 2,依次选择Preferences->Color Scheme->Color Scheme - Default->选择刚才保存下来的主题。

这种方式的修改,最终应用到sublime text上,效果不对,还需要再次修改,接下来介绍的第二种方式,比较直观,但是需要下载安装colorschemeeditor这个插件。

第二种自定义主题方式:需要先安装colorschemeeditor插件。安装插件的前提,需要有package control,这个安装就不说了,网上有很多。需要在sublime中,执行一个脚本。有了package control,我们通过快捷键ctrl+shift+p,调出输入命令界面,输入package install或者p i,然后选择 Package Control:Install Package,然后回车。

Sublime Text 2/3自定义主题_第2张图片

等待插件安装的输入框出现,然后输入colorschemeeditor,选中第一项,然后安装。

安装成功之后,打开一个html,或者js文件,然后shift+F12,出现分屏展示html文件和主题文件。

Sublime Text 2/3自定义主题_第3张图片 

如图,点击div元素属性class,会直接跳转到theme文件的Tag attribute这里,然后修改颜色或者字体。想怎么改就怎么改。如果需要修改背景,点击空白的地方,会跳转到background这里,选择自己喜欢的背景色,设置就可以了。

这种方法修改,也有一些地方修改不到,比如

这个标签,标签名可以找到,但是标签开始<,结束>都无法找到,只能使用默认的前景色。

最后,贴上我的一个主题样式效果:

html

Sublime Text 2/3自定义主题_第4张图片

css

Sublime Text 2/3自定义主题_第5张图片 

js

Sublime Text 2/3自定义主题_第6张图片 

你可能感兴趣的:(Web前端)