专注云服务商活动
网站运营运维笔记

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

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

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

推荐一款美观的Sublime Text 2/3 主题下载及安装(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就可以看到插件,然后选择回车自动安装。

sublime-2

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

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

A - 设置默认启动主题

sublime-3

我们在上图所示的界面,进行设置,在对应的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 - 设置高亮

sublime-4

我们也可以进行手工设置

/ 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版本。

域名主机商优惠信息推送QQ群: 627775477 获取商家优惠推送,禁言。
赞(0)
未经允许不得转载:老左笔记 » 推荐一款美观的Sublime Text 2/3 主题下载及安装(itg.flat)


扫码关注公众号

获取更多站长圈的新鲜事儿!
创业、运营、新知