使用sublim做html5背景颜色,Sublime Text 风格

您所在的位置:网站首页 sublime如何设置背景图片 使用sublim做html5背景颜色,Sublime Text 风格

使用sublim做html5背景颜色,Sublime Text 风格

#使用sublim做html5背景颜色,Sublime Text 风格| 来源: 网络整理| 查看: 265

风格(Styles)

风格对于任何软件都很重要,对编辑器也是如此,尤其是GUI环境下的编辑器。作为一个程序员,我希望我的编辑器足够简洁且足够个性。

Notepad++默认界面

b73f0398ec3e706e901bf4bccbffb1c7.png

Sublime Text默认界面

7a66b5d1767f15ec0222a0566d8847f1.png

所以在用过Sublime Text之后,我立刻就卸掉了Notepad++。

Sublime Text自带的风格是我喜欢的深色风格(也可以调成浅色),默认主题是Monokai Bright,这两者的搭配已经很不错了,不过我们还可以做得更好:接下来我将会展示如何通过设置偏好项和添加自定义风格/主题使得Sublime Text更加Stylish。

一些设置(Miscellaneous Settings)

下面是我个人使用的设置项。

// 设置Sans-serif(无衬线)等宽字体,以便阅读

"font_face": "YaHei Consolas Hybrid",

"font_size": 12,

// 使光标闪动更加柔和

"caret_style": "phase",

// 高亮当前行

"highlight_line": true,

// 高亮有修改的标签

"highlight_modified_tabs": true,

设置之后的效果如下:

e06ef8ca485193021683215b84af36a0.png

主题(Themes)

Soda Light

48b99cbb21a5a7c143215b790471db81.png

Soda Dark

0abeeb241c461749c52cc2e88b115093.png

Nexus

5988126d45623ba875e1988f9edfc972.png

Flatland

cd9702154319113407a7b54e747788bb.png

Spacegray Light

be2fd7925c11c69468a9bb43119c03ee.png

Spacegray Dark

52e3095e32ff0585e6f7b501584ce87e.png

配色(Color)

colorsublime包含了大量Sublime Text配色方案,并支持在线预览,配色方案的安装教程在这里,恕不赘述。

我个人使用的是Nexus主题和Flatland Dark配色,配置如下:

"theme": "Nexus.sublime-theme",

"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",

效果如下:

d0342d1a7a069eea9732dfdc0cf88589.png



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3