因为本身不是学习计算机的,所以对于网络技术方面的技能都是靠兴趣爱好然后慢慢积累的,最近一段时间越发觉得技术上还是有很大的差距的。于是准备系统的自学,从前端开始慢慢拾起来。以前都比较习惯使用EDITPLUS等编辑器,看到专业的前端兄弟基本上都从Sublime Text开始的,还有其他编辑器工具。
大部分网络从业者,尤其是码农们都是视觉动物,每天对着编辑器敲打代码如果编辑器的主题不喜欢,或者也希望经常的换一换。于是,在安装Sublime Text之后,默认的界面还是可以的,但是还是希望寻找一款稍微帅气一点的主题。于是看到这款itg.flat主题还是比较漂亮的。
以上是老左安装好的itg.flat主题界面,是比默认的主题界面好看很多。而且可以有多种颜色选择。如果我们也喜欢这款主题,那就看下面安装方案。
第一、安装在线插件主题包
我们在安装任何Sublime Text插件或者主题的时候,默认在线库中都有成百上千种插件和主题可以选择。我们必须先安装Package Control插件。
Package Control安装方法:
A - Sublime 2版本
import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
B - Sublime 3版本
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
我们根据自己使用的Sublime版本选择上面的安装命令。通过CTRL+` 调出输入框,然后贴进去回车。等安装完毕之后我们重启Sublime就可以。
第二、安装主题
与其他主题一样,我们先需要通过COMMAND+SHIFT+P(如果我们是WIN系统,那就输入CTRL+SHIFT+P),调出输入框,然后我们先输入Install Package回车,然后我们再输入itg.flat就可以看到插件,然后选择回车自动安装。
第三、设置itg.flat主题参数
我们在安装完毕之后,就需要进行设置。
A - 设置默认启动主题
我们在上图所示的界面,进行设置,在对应的Preferences.sublime-settings文档中输入
// 我设置的是这一行:
"theme": "itg.flat.dark.sublime-theme"// for a light theme use:
"theme": "itg.flat.light.sublime-theme"// additional (dark) color options
"theme": "itg.flat.dark.aqua.sublime-theme"
"theme": "itg.flat.dark.blue.sublime-theme"
"theme": "itg.flat.dark.green.sublime-theme"
"theme": "itg.flat.dark.orange.sublime-theme"
"theme": "itg.flat.dark.yellow.sublime-theme"
我选择输入不通的参数,可以看到不通的颜色界面,根据自己的需要选择。
B - 设置高亮
我们也可以进行手工设置
/ for a dark theme use:
"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",// for a light theme use:
"color_scheme": "Packages/Theme - itg.flat/itg.light.tmTheme",
然后我们还有其他的参数设置,比如侧边栏和顶部标签栏的大小:
/ small tabs
"itg_small_tabs": true// Sidebar padding options
"itg_sidebar_tree_xsmall": true
"itg_sidebar_tree_small": true
"itg_sidebar_tree_medium": true
"itg_sidebar_tree_large": true
"itg_sidebar_tree_xlarge": true// Scrollbar size options
"itg_scrollbar_small": true
"itg_scrollbar_medium": true// if the scrollbar options aren't working, try setting the following
"overlay_scroll_bars": "disabled"
我们可以根据自己的需要进行选择性调整。
总结,这样这个漂亮的itg.flat主题已经安装在我们的Sublime Text软件中了,适合2和3版本。