Sublime text 安装 及 插件安装

安装

下载

Sublime Text 3 3176 下载

百度云下载地址 密码:rzm7

Sublime Text 3 3143 下载

禁止更新 验证

修改Host

  • Windows : c:/windows/system32/drivers/etc/hosts
  • Linux : /etc/hosts
  • Mac : /Private/etc/hosts

添加

1
2
3
4
5
6
127.0.0.1 www.sublimetext.com
127.0.0.1 license.sublimehq.com
127.0.0.1 sublimetext.com
127.0.0.1 sublimehq.com
127.0.0.1 45.55.41.223
127.0.0.1 45.55.255.55

修改配置

设置 Preferences -> Settings-User

添加 "update_check": false

注册码

Sublime text 3 3176 可用注册码

1
2
3
4
5
6
7
8
9
10
11
12
13
----- BEGIN LICENSE -----
sgbteam
Single User License
EA7E-1153259
8891CBB9 F1513E4F 1A3405C1 A865D53F
115F202E 7B91AB2D 0D2A40ED 352B269B
76E84F0B CD69BFC7 59F2DFEF E267328F
215652A3 E88F9D8F 4C38E3BA 5B2DAAE4
969624E7 DC9CD4D5 717FB40C 1B9738CF
20B3C4F1 E917B5B3 87C38D9C ACCE7DD8
5F7EF854 86B9743C FADC04AA FB0DA5C0
F913BE58 42FEA319 F954EFDD AE881E0B
------ END LICENSE ------

安装插件管理器

从菜单 View - Show Console 或者ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码

Sublime Text 3

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())

Sublime Text 2

1
import urllib2,os; 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( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

手动安装

可能由于各种原因,无法使用代码安装,那可以通过以下步骤手动安装Package Control:

  • 点击Preferences > Browse Packages菜单
  • 进入打开的目录的上层目录,然后再进入Installed Packages/目录
  • 下载 Package Control.sublime-package 并复制到Installed Packages/目录
  • 重启Sublime Text。

Package Control.sublime-package下载地址:https://packagecontrol.io/Package%20Control.sublime-package

使用方法

快捷键 Ctrl+Shift+P菜单ToolsCommand Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功)

常用插件

  • HTML-CSS-JS Prettify
    格式化html 需要nodejs支持 安装方式 brew install node

  • Emmet
    Emmet绝对的节省时间。您可以轻松快速地编写HTML。
    使用方法: ctrl + alt + enter ,并且开始输入Emmet风格的HTML

  • DocBlockr
    一个真正简单的方式来轻松地创建许多语言包括JavaScriptPHPCoffeeScript的文档块。只要在函数的上面输入/**,按Tab就可以了。
    DocBlockr会观察函数需要的变量名和类型,并创建文档块。

  • SublimeCodeIntel 代码自动提示

  • Bracket Highlighter
    类似于代码匹配,可以匹配括号,引号等符号内的范围。

  • ConvertToUTF8 转换文件编码

  • GBK Support 支持GBK编码的文件

  • Git 基本上实现了git的所有功能

  • GitGutter 这是一个小巧有用的插件,它会告诉你自上次git commit以来已经改变的行。一个指示器显示在行号的旁边。

  • CssComb CSS属性进行排序和格式化插件 需要nodejs支持

  • Autoprefixer CSS3前缀补充插件 需要nodejs支持
    在输入CSS3属性后(冒号前)按Tab

  • Colorpicker 颜色选择器

  • Alignment (代码对齐)
    一个非常简单和易于使用的插件,使你的代码组织和美观。当您重温代码时候非常有用。
    使用方法:选中要调整的行,然后按 Ctrl+ Alt + A

  • SidebarEnhancements
    在侧边栏的文件上右击时,这个插件提供了大量更多的选择。打开 查找 复制粘贴,等等。

  • jQuery jQ函数提示

  • Autoprefixer CSS自动添加兼容前缀插件 需要nodejs支持

    1
    2
    3
    {
    "browsers": ["last 2 version", "> 1%","ie 6-11"]
    }

    比如上面的配置就是所有浏览器最新的两个版本 或者 全球范围市场占有1%以上的 或者 IE6-11的所有浏览器的适配

推荐几个主题

ayu

Light(推荐):

1
2
"theme": "ayu-light.sublime-theme",
"color_scheme": "Packages/ayu/ayu-light.tmTheme",

Mirage:

1
2
"theme": "ayu-mirage.sublime-theme",
"color_scheme": "Packages/ayu/ayu-mirage.tmTheme",

Dark:

1
2
"theme": "ayu-dark.sublime-theme",
"color_scheme": "Packages/ayu/ayu-dark.tmTheme",

Boxy

暗色(推荐)

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

浅色

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

Material Theme

深色

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

浅色

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

Agila

Monokai theme

1
2
"color_scheme": "Packages/Theme - Asphalt/Asphalt.tmTheme",
"theme": "Agila Monokai.sublime-theme",

Default theme

1
2
"theme": "Agila.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Oceanic Next.tmTheme",

Classic theme

1
2
"theme": "Agila Classic.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Classic Oceanic Next.tmTheme",

Light theme

1
2
"theme": "Agila Light.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Light Solarized.tmTheme",

Theme - Afterglow

1
2
"theme": "Afterglow.sublime-theme",
"color_scheme": "Packages/Theme - Afterglow/Afterglow-monokai.tmTheme",

Theme - itg.flat

1
2
"theme": "itg.flat.dark.sublime-theme",
"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",

Theme - Spacegray

1
2
"theme": "Spacegray.sublime-theme",
"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",

Theme - Piatto

1
2
"theme": "Piatto Dark.sublime-theme",
"color_scheme": "Packages/Theme - Piatto/Piatto Dark.tmTheme",

Theme - Asphalt

1
2
"theme": "Asphalt.sublime-theme",
"color_scheme": "Packages/Theme - Asphalt/Asphalt.tmTheme",
1
2
"theme": "Asphalt-orange.sublime-theme",
"color_scheme": "Packages/Theme - Asphalt/Asphalt.tmTheme",

Theme - Brogrammer

1
2
"theme": "Brogrammer.sublime-theme",
"color_scheme": "Packages/Theme - Brogrammer/brogrammer.tmTheme",

我的配置

1
2
3
4
5
6
7
8
9
10
11
{
"color_scheme": "Packages/Color Scheme - Default/Monokai Bright.tmTheme",
"font_face":"Monaco",
"font_size": 14,
"highlight_line": true,
"hot_exit": false,
"remember_open_files": false,
"save_on_focus_lost": true,
"update_check": false,
"word_wrap": "false"
}

Mac编程字体推荐

  • Menlo

  • Monaco

  • Courier New Blod

Win编程字体推荐

  • Consolas