打造一套炫酷的
S
u
b
l
i
m
e
T
e
x
t
3
Sublime\ Text3
Sublime Text3 主题—
a
y
u
ayu
ayu
一. a y u ayu ayu插件提供了三种主题以及三种配色方案,效果如下图:
1.
a
y
u
−
l
i
g
h
t
1. ayu-light
1.ayu−light![在这里插入图片描述](https://img-blog.csdnimg.cn/2019052621085646.png)
2. a y u − m i r a g e 2. ayu-mirage 2.ayu−mirage
3. a y u − d a r k 3. ayu-dark 3.ayu−dark
二. 安装插件ayu
- 快捷键 c t r l + s h i f t + p ctrl+shift+p ctrl+shift+p 打开 p a c k a g e c o n t r o l package\ control package control
- 输入 i n s t a l l p a c k a g e install\ package install package,选择 P a c k a g e C o n t r o l : I n s t a l l P a c k a g e Package\ Control: Install\ Package Package Control:Install Package选项
- 输入 a y u ayu ayu,选择第一个按下 e n t e r enter enter
三. 设置Sublime主题
-
a
y
u
ayu
ayu插件实际上提供了三种
T
h
e
m
e
Theme
Theme以及三种
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme,其中
C
o
l
o
r
T
h
e
m
e
Color Theme
ColorTheme是指中间代码编辑区的背景颜色以及代码高亮颜色配置,而
T
h
e
m
e
Theme
Theme则是指其余部分的背景颜色以及文件夹显示的方式,下面介绍两种设置ayu主题的方式
- 第一种方法:
S
u
b
l
i
m
e
T
e
x
t
Sublime\ Text
Sublime Text
⇒
\Rightarrow
⇒
P
r
e
f
e
r
e
n
c
e
s
Preferences
Preferences
⇒
\Rightarrow
⇒
T
h
e
m
e
.
.
.
Theme...
Theme...和
C
o
l
o
r
S
c
h
e
m
e
.
.
.
Color\ Scheme...
Color Scheme...最下面三个选项就是
a
y
u
ayu
ayu提供的,效果已在上文展示
- 第二种方法:
S
u
b
l
i
m
e
T
e
x
t
Sublime Text
SublimeText
⇒
\Rightarrow
⇒
P
r
e
f
e
r
e
n
c
e
s
Preferences
Preferences
⇒
\Rightarrow
⇒
S
e
t
t
i
n
g
s
Settings
Settings
然后在右边打开的 P r e f e r e n c e s . s u b l i m e − s e t t i n g − − u s e r Preferences.sublime-setting--user Preferences.sublime−setting−−user里面加入如下命令中的一种:"theme": "ayu-light.sublime-theme", "color_scheme": "Packages/ayu/ayu-light.sublime-color-scheme",
"theme": "ayu-mirage.sublime-theme", "color_scheme": "Packages/ayu/ayu-mirage.sublime-color-scheme",
"theme": "ayu-dark.sublime-theme", "color_scheme": "Packages/ayu/ayu-dark.sublime-color-scheme",
- 第一种方法:
S
u
b
l
i
m
e
T
e
x
t
Sublime\ Text
Sublime Text
⇒
\Rightarrow
⇒
P
r
e
f
e
r
e
n
c
e
s
Preferences
Preferences
⇒
\Rightarrow
⇒
T
h
e
m
e
.
.
.
Theme...
Theme...和
C
o
l
o
r
S
c
h
e
m
e
.
.
.
Color\ Scheme...
Color Scheme...最下面三个选项就是
a
y
u
ayu
ayu提供的,效果已在上文展示
- 个人认为,
a
y
u
ayu
ayu提供的三种
T
h
e
m
e
Theme
Theme已经能满足不同用户的喜好了,就是这个
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme太少,可供选择的配色方案不是很多,那么这里我也提供两种增加
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme的方法:
- 先放上链接:github,里面的所有以
.
t
m
T
h
e
m
e
.tmTheme
.tmTheme为后缀的单个文件就是一种配置好的
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme,你可以把它下载下来然后放到相对应的存放主题文件的位置,然后在上述的设置
C
o
l
o
r
T
h
e
m
e
Color\ Theme
Color Theme那里,选项里面就会自动添加你刚才添加的配色方案,至于把这个
.
t
m
T
h
e
m
e
.tmTheme
.tmTheme的文件放到哪儿,因为系统或者安装路径不一样,所以这个位置可能不一样,提供一种比较简单的查看路径的做法:
首先找到New Build System选项并选中
然后 c t r l + s ctrl+s ctrl+s,就会出现下面的这样一个界面,就找到了 . t m T h e m e .tmTheme .tmTheme该放的位置了
博主愚钝,如果有其他好的方法希望可以留言,下面那张图是我自己用的的配色(比较简单清新的配色),用的就是 a y u − d a r k ayu-dark ayu−dark加上面提供的那些配色里面的 l e g a c y . t m T h e m e legacy.tmTheme legacy.tmTheme,其他的配色读者可以自己下载看一下。
- 当然还有一些自定义配色方案的方法,而且不用你自己去写一份配置的代码,你之用鼠标选择你想要的配色,然后他会自动生成配置文件,这也太舒服了吧!!!可是我还没试过,先放上链接:自定义配色网站,选择好各种颜色后点击上面的 d o w n l o a d download download就能下载你配置的 . t m T h e m e .tmTheme .tmTheme文件了
- 先放上链接:github,里面的所有以
.
t
m
T
h
e
m
e
.tmTheme
.tmTheme为后缀的单个文件就是一种配置好的
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme,你可以把它下载下来然后放到相对应的存放主题文件的位置,然后在上述的设置
C
o
l
o
r
T
h
e
m
e
Color\ Theme
Color Theme那里,选项里面就会自动添加你刚才添加的配色方案,至于把这个
.
t
m
T
h
e
m
e
.tmTheme
.tmTheme的文件放到哪儿,因为系统或者安装路径不一样,所以这个位置可能不一样,提供一种比较简单的查看路径的做法: