因为本身不是学习计算机的,所以对于网络技术方面的技能都是靠兴趣爱好然后慢慢积累的,最近一段时间越发觉得技术上还是有很大的差距的。于是准备系统的自学,从前端开始慢慢拾起来。以前都比较习惯使用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版本。