推荐一款美观的Sublime Text 2/3 主题下载及安装（itg.flat）

学习NO.1

因为本身不是学习计算机的，所以对于网络技术方面的技能都是靠兴趣爱好然后慢慢积累的，最近一段时间越发觉得技术上还是有很大的差距的。于是准备系统的自学，从前端开始慢慢拾起来。以前都比较习惯使用EDITPLUS等编辑器，看到专业的前端兄弟基本上都从Sublime Text开始的，还有其他编辑器工具。

推荐一款美观的Sublime Text 2/3 主题下载及安装（itg.flat）01

大部分网络从业者，尤其是码农们都是视觉动物，每天对着编辑器敲打代码如果编辑器的主题不喜欢，或者也希望经常的换一换。于是，在安装Sublime Text之后，默认的界面还是可以的，但是还是希望寻找一款稍微帅气一点的主题。于是看到这款itg.flat主题还是比较漂亮的。

以上是道勤小编安装好的itg.flat主题界面，是比默认的主题界面好看很多。而且可以有多种颜色选择。如果我们也喜欢这款主题，那就看下面安装方案。

第一、安装在线插件主题包

我们在安装任何Sublime Text插件或者主题的时候，默认在线库中都有成百上千种插件和主题可以选择。我们必须先安装Package Control插件。

Package Control安装方法：

A - Sublime 2版本

1. 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版本

1. 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就可以看到插件，然后选择回车自动安装。

推荐一款美观的Sublime Text 2/3 主题下载及安装（itg.flat）02

第三、设置itg.flat主题参数

我们在安装完毕之后，就需要进行设置。

A - 设置默认启动主题

推荐一款美观的Sublime Text 2/3 主题下载及安装（itg.flat）03

我们在上图所示的界面，进行设置，在对应的Preferences.sublime-settings文档中输入

1. // 我设置的是这一行:
   
2. "theme": "itg.flat.dark.sublime-theme"
   
3. // for a light theme use:
   
4. "theme": "itg.flat.light.sublime-theme"
   
5. // additional (dark) color options
   
6. "theme": "itg.flat.dark.aqua.sublime-theme"
   
7. "theme": "itg.flat.dark.blue.sublime-theme"
   
8. "theme": "itg.flat.dark.green.sublime-theme"
   
9. "theme": "itg.flat.dark.orange.sublime-theme"
   
10. "theme": "itg.flat.dark.yellow.sublime-theme"

复制代码

我选择输入不通的参数，可以看到不通的颜色界面，根据自己的需要选择。

B - 设置高亮

推荐一款美观的Sublime Text 2/3 主题下载及安装（itg.flat）04

我们也可以进行手工设置

1. / for a dark theme use:
   
2. "color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",
   
3. // for a light theme use:
   
4. "color_scheme": "Packages/Theme - itg.flat/itg.light.tmTheme",

复制代码

然后我们还有其他的参数设置，比如侧边栏和顶部标签栏的大小：

1. / small tabs
   
2. "itg_small_tabs": true
   
3. // Sidebar padding options
   
4. "itg_sidebar_tree_xsmall": true
   
5. "itg_sidebar_tree_small": true
   
6. "itg_sidebar_tree_medium": true
   
7. "itg_sidebar_tree_large": true
   
8. "itg_sidebar_tree_xlarge": true
   
9. // Scrollbar size options
   
10. "itg_scrollbar_small": true
    
11. "itg_scrollbar_medium": true
    
12. // if the scrollbar options aren't working, try setting the following
    
13. "overlay_scroll_bars": "disabled"

复制代码

我们可以根据自己的需要进行选择性调整。

总结，这样这个漂亮的itg.flat主题已经安装在我们的Sublime Text软件中了，适合2和3版本。

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！