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

我们在上图所示的界面，进行设置，在对应的Perences.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版本。