Sublime text 3 相关配置

Posted on | In
Symbols count in article: 24k | Reading time ≈ 22 mins.

前言

上侍御七兄 - - - 王昌龄

天人俟明路，益稷分尧心。
利器必先举，非贤安可任。
吾兄执严宪，时佐能钓深。

sublime text 编辑器早已在业界声名显赫了，本文简单记录一下如何粉饰这匹不羁的野马， O(∩_∩)O 哈哈哈~！

Sublime-m

安装与注册

<1>. sublime text 3 编辑器下载地址： 官方地址；

<2>. 注册码：Build 3114 和 Build 3103版本皆可， 亲测通过。

方法： help | Enter License: copy 如下代码即可，

1
2
3
4
5
6
7
8
9
10
11
12
13
—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——

注册成功后， 点击： help | About 之后可查看显示。

附：3143 版本注册码：

1
2
3
4
5
6
7
8
9
10
11
12
13
—– BEGIN LICENSE —–
TwitterInc
200 User License
EA7E-890007
1D77F72E 390CDD93 4DCBA022 FAF60790
61AA12C0 A37081C5 D0316412 4584D136
94D7F7D4 95BC8C1C 527DA828 560BB037
D1EDDD8C AE7B379F 50C9D69D B35179EF
2FE898C4 8E4277A8 555CE714 E1FB0E43
D5D52613 C3D12E98 BC49967F 7652EED2
9D2D2E61 67610860 6D338B72 5CF95C69
E36B85CC 84991F19 7575D828 470A92AB
—— END LICENSE ——

主题的安装配置

今早起来, 打开我的sublime发现出大问题了,不能用了!!! OMG, 经一番查证, 发现是Otto Theme不能用了. 打开官网页面都不存在了, 真是见鬼了.

google 一下才知道, 原来是Otto Theme改名了, rename to "Boxy Theme"了.重新安装Boxy Theme一切正常.

因此, 博客内容更新如下. 给诸君带来的不便, 请见谅!

推荐安装两款主题： Boxy Theme 和 Material Theme，

详细介绍参看： Boxy Theme 和 Material Theme；

安装 Package Control：

<1>. 打开 sublime text 3编辑器后，使用快捷键：Ctrl + `（注意，这个是键盘最左侧的波浪符号的那个字符， 在Esc的下方）， 调出命令行console。

<2>. copy如下代码到命令行后，回车执行：

1
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

<3>. 注意： 此处安装后，重启一下Sublime Text 3， 如果在Perferences->package settings中看到package control这一项，则安装成功。

sublime-package—control

安装主题

<1>. 使用快捷键ctrl + shift + p（Linux 或 windows下） 或 cmd + shift + p（Mac下），调出Package Control；

<2>. 在Package Control中输入： Install Package，安装主题插件；

<3>. 搜索Boxy Theme 和 Material Theme， 回车后安装；

sublime-install-package

配置主题 Boxy

<1>. 修改 Preferences -> Settings – User 配置文件，添加 theme 相关配置代码；

<2>. Boxy Yesterday配色， 添加如下代码，并保存：

1
2
3
4

// Boxy Yesterday
"theme": "Boxy Yesterday.sublime-theme",
"color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme",

效果如图所示：

sublime-Boxy-Yesterday

<3>. Boxy Tomorrow配色， 添加如下代码，并保存：

1
2
3
4

// Boxy Tomorrow
"theme": "Boxy Tomorrow.sublime-theme",
"color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme",

效果如图所示：

sublime-Boxy-Tomorrow

<4>. Boxy Ocean配色， 添加如下代码，并保存：

这个主题配色， 我很中意， 啦啦啦啦！

1
2
3
4

// Boxy Ocean
"theme": "Boxy Ocean.sublime-theme",
"color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",

效果如图所示：

sublime-Boxy-Ocean

<5>. Boxy Monokai配色， 添加如下代码，并保存：

1
2
3
4

// Boxy Monokai
"theme": "Boxy Monokai.sublime-theme",
"color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",

效果如图所示：

sublime-Boxy-Monokai

<6>. Boxy主题又增加了更多新的玩法:

详见: Boxy Github地址

配置主题 Material

<1>. 插件定制参看：

White panels and inputs 和 Appbar

<2>. 修改 Preferences -> Settings – User 配置文件，添加 theme 相关配置代码；

<3>. Material Default theme 配色， 添加如下代码，并保存：

1
2
3
4

// Default theme
"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",

效果如图所示：

sublime-Material-Default-theme

<4>. Material Darker theme 配色， 添加如下代码，并保存：

1
2
3
4

// Darker theme
"theme": "Material-Theme-Darker.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",

效果如图所示：

sublime-Material-Darker-theme

<5>. Material Lighter theme 配色， 添加如下代码，并保存：

1
2
3
4

// Lighter theme
"theme": "Material-Theme-Lighter.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme",

效果如图所示：

sublime-Material-Lighter-theme

个性化设置

<1>. 修改 Preferences -> Settings – User 配置文件，添加相关配置代码；

<2>. 基本设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
"font_size": 11,   // 设置字体大小
"highlight_line": true,     // 高亮当前行
"update_check":false,   // 关闭自动更新
// "bold_folder_labels": true, // 粗体显示文件夹名称
// "font_face": ""      // 修改字体, 默认使用的是Consolas, ubuntu 下使用 "droid sans mono"

"line_padding_bottom": 1,  // 设置字体间距
"line_padding_top": 1,

// editor options
// "draw_white_space": "all",

// tabs and whitespace
"auto_indent": true,
"rulers": [79],
"smart_indent": true,
"tab_size": 4,
"trim_automatic_white_space": true,
"use_tab_stops": true,
"word_wrap": true,
"wrap_width": 80,

<3>. 我的配置：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
{
	"font_size": 11,   // 设置字体大小
    "highlight_line": true,     // 高亮当前行
    "update_check":false,   // 关闭自动更新
    // "font_face": ""      // 修改字体, 默认使用的是Consolas
    // "bold_folder_labels": true, // 粗体显示文件夹名称
	
	"line_padding_bottom": 1,  // 设置字体间距
	"line_padding_top": 1,
    // editor options
    // "draw_white_space": "all",

    // tabs and whitespace
    "auto_indent": true,
    "rulers": [79],
    "smart_indent": true,
    "tab_size": 4,        // 设置 tab 4 个字符宽度
    "translate_tabs_to_spaces": true,   // 将 tab 转化为 4 个空白符
    "trim_automatic_white_space": true,     
    "use_tab_stops": true,
    "word_wrap": true,
    "wrap_width": 80,

	// Boxy Yesterday
    // "theme": "Boxy Yesterday.sublime-theme",
	// "color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme",

    // Boxy Tomorrow
    // "theme": "Boxy Tomorrow.sublime-theme",
	// "color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme",

    // Boxy Ocean
    "theme": "Boxy Ocean.sublime-theme",
	"color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",

    // Boxy Monokai
    // "theme": "Boxy Monokai.sublime-theme",
	// "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",,

    // Default theme
    // "theme": "Material-Theme.sublime-theme",
    // "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",

    // Darker theme
    // "theme": "Material-Theme-Darker.sublime-theme",
    // "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",

	// Lighter theme
    // "theme": "Material-Theme-Lighter.sublime-theme",
    // "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme",
    
}

<4>. 快捷键设置

Sublime text 3 可以定制快捷键，需要在 Preferences -> Key Bindings -> User 配置文件中进行快捷键设置。

1/ 设置打开浏览器快捷键

在 sublime-keymap-user 配置文件中，添加如下代码：

1
2

{ "keys": ["ctrl+shift+c"], "command": "open_in_browser" }

<5>. 配置图

关于配置的代码部分， 之后在使用过程中再逐步完善！

sublime-config

问题及解决

1/ 添加鼠标右键打开 Sublime Text 方式

有些时候可能遇到这样的情况，安装完成 Sublime Text 软件后，鼠标右键文件发现： 鼠标右键没有使用 Sublime Text 打开的快捷方式了。那么，这样的情况下可以使用如下方式进行添加：

  1. 打开注册表编辑器，开始 -> 运行 -> regedit 。
  2. 展开 HKEY_CLASSSES_ROOT -> * -> Shell：在 Shell 下，新建项命名为 Open With Sublime Text，在该新建项的右边窗口新建字符串值（右键 ->新建 -> 字符串值）；设置名称：Icon，值：D:\Program Files\Sublime Text 3\sublime_text.exe,0 [注：后边还有一个 “,0”，并注意将路径替换为自己的安装文件目录]。
  3. 在新建项 Open With Sublime Text 下新建项 Command [注：必须这个名称]；修改 Command 项右侧窗口的默认值，修改为：“D:\Program Files\Sublime Text 3\sublime_text.exe” “%1”。[注：替换为自己的安装文件目录，双引号一定要加，否则无法打开路径带空格的文件]

插件

<1>. SideBarEnhancements:

SideBarEnhancements 扩展了侧边栏中菜单选项的数量，从而提升你的工作效率。诸如”New file” 和 “Duplicate” 这样的选项对于 ST3 来说实在是太重要了, 我甚至觉得 ST3 本来就应该提供这些功能。而且仅凭 “Delete” 这一个功能就让这个插件值得下载。这个功能将你会在你删除文件的时候把它放入回收站。虽然这个功能乍一看没什么用，但是当你没有使用这样的功能而彻底删除了一个文件的时候，除非你用了版本管理软件，否则你将很难恢复这个文件。

<2>. Anaconda:

Anaconda 是一个终极 Python 插件。它为 ST3 增添了多项 IDE 类似的功能。

<3>. requirementstxt:

Requirementstxt 可以为你的 requirements.txt 文件提供自动补全，语法高亮以及版本管理功能。

<4>. SublimeLinter:

SublimeLinter 是 ST3 的一个代码静态检查工具框架(linter)。这个插件本身来说并不包含任何的一个 linter，但是你可以通过在 Package Control 中输入 SublimeLinter-[linter_name] 的方式来安装一个 linter。

<5>. GitGutter:

GitGutter 让 ST3 能在左边栏的位置显示一个小图标，用以表示在最后一次提交以后，代码是否有追加，修改或者删除。

<6>. Emmet:

Emmet，以前叫做 Zen Coding，让你可以通过简单的缩写来创建 HTML 或者 CSS 的代码块。

<7>. Markdown Preview:

Markdown Preview 可以用来预览和编译 markdown 文件。

你可以打开 Package Manager 然后输入 Markdown Preview 来查看可用的命令：

  • Markdown Preview: Python Mrakdown: 在浏览器中预览 Markdown Preview: Python
  • Mrakdown: 导出 HTML 文件 Markdown Preview: Python Mrakdown: 拷贝到剪贴板
  • Markdown Preview: Github风格Markdown: 在浏览器中预览 Markdown Preview:
  • Github风格Markdown: 导出 HTML 文件 Markdown Preview: Github风格Markdown:
  • 拷贝到剪贴板 Markdown Preview: 打开Markdown速查手册

一旦你完成转换，你之后的所有保存都会立即反映到转换的文件中。

<8>. AdvancedNewFile:

你只需要通过几个快捷键便可以打开 AdvancedNewFile 的输入框。然后输入路径和文件名。当你按下回车键后，文件便被创建了。除此之外，如果目标文件夹并不存在的话，该文件夹将会被自动建立。在默认情况下，你创建的文件的路径将会显示在状态栏中。

<9>. CTags:

Python 的智能补全插件。

<10>. AutoFileName:

在字符串中智能补全路径。

<11>. Python PEP8 Autoformat:

这是用来按PEP8自动格式化代码的。可以在包管理器中安装。快捷键 CTRL+SHIFT+R 自动格式化python代码。

<12>. Alignment：

Alignment 是一个代码格式化插件，它可以使多行代码中的等号对齐，也可以调整多行代码为一个缩进级别，默认快捷键是 ctrl+alt+a。

<13>. Git 和 Gitignored: 不必多说。

<14>. ColorPicker :

在编辑CSS样式的时候，要加个自己喜欢颜色或改改颜色啥的，要到PS里去调色？ColorPicker 可以让 Sublime Text 3内置一个调色盘，调好颜色，点击OK就会在光标处生成十六进制颜色代码。

<15>. Pretty Json：

Json 格式化工具

参考资料

[1]. http://hanyu.iciba.com/shi/63144.shtml;
[2]. https://scotch.io/bar-talk/best-sublime-text-3-themes-of-2015-and-2016;
[3]. http://www.cnblogs.com/Rising/p/3741116.html;
[4]. https://packagecontrol.io/packages/Theme - Otto;
[5]. https://packagecontrol.io/packages/Material Theme
[6]. https://github.com/oivva/boxy
[7]. https://github.com/oivva/boxy/wiki/Get-It#manual
[8]. http://python.jobbole.com/81312/
[9]. http://www.imjeff.cn/blog/146/
[10]. http://blog.csdn.net/skykingf/article/details/47610089

END

0%