前端开发利器 - Sublime

一、Sublime 简介

  Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。


  Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。


二、Sublime 安装
 

1、软件下载

  官网:http://www.sublimetext.com/

  网盘:http://pan.baidu.com/s/1o7A1hHK

 

2、安装教程

  http://jingyan.baidu.com/article/5bbb5a1b3f781613eba17939.html

 

3、注册码(Sublime 3)

Windows

—– BEGIN LICENSE —–
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
—— END LICENSE ——

 

—– BEGIN LICENSE —–
K-20
Single User License
EA7E-940129
3A099EC1 C0B5C7C5 33EBF0CF BE82FE3B
EAC2164A 4F8EC954 4E87F1E5 7E4E85D6
C5605DE6 DAB003B4 D60CA4D0 77CB1533
3C47F579 FB3E8476 EB3AA9A7 68C43CD9
8C60B563 80FE367D 8CAD14B3 54FB7A9F
4123FFC4 D63312BA 141AF702 F6BBA254
B094B9C0 FAA4B04C 06CC9AFC FD412671
82E3AEE0 0F0FAAA7 8FA773C9 383A9E18
—— END LICENSE ——

 

—– BEGIN LICENSE —–
J2TeaM
2 User License
EA7E-940282
45CB0D8F 09100037 7D1056EB A1DDC1A2
39C102C5 DF8D0BF0 FC3B1A94 4F2892B4
0AEE61BA 65758D3B 2EED551F A3E3478C
C1C0E04E CA4E4541 1FC1A2C1 3F5FB6DB
CFDA1551 51B05B5D 2D3C8CFE FA8B4285
051750E3 22D1422A 7AE3A8A1 3B4188AC
346372DA 37AA8ABA 6EB30E41 781BC81F
B5CA66E3 A09DBD3A 3FE85BBD 69893DBD
—— END LICENSE ——

 OS X

—– 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 ——

 

—– BEGIN LICENSE —–
Nicolas Hennion
Single User License
EA7E-866075
8A01AA83 1D668D24 4484AEBC 3B04512C
827B0DE5 69E9B07A A39ACCC0 F95F5410
729D5639 4C37CECB B2522FB3 8D37FDC1
72899363 BBA441AC A5F47F08 6CD3B3FE
CEFB3783 B2E1BA96 71AAF7B4 AFB61B1D
0CC513E7 52FF2333 9F726D2C CDE53B4A
810C0D4F E1F419A3 CDA0832B 8440565A
35BF00F6 4CA9F869 ED10E245 469C233E
—— END LICENSE ——

 

—– BEGIN LICENSE —–
Anthony Sansone
Single User License
EA7E-878563
28B9A648 42B99D8A F2E3E9E0 16DE076E
E218B3DC F3606379 C33C1526 E8B58964
B2CB3F63 BDF901BE D31424D2 082891B5
F7058694 55FA46D8 EFC11878 0868F093
B17CAFE7 63A78881 86B78E38 0F146238
BAE22DBB D4EC71A1 0EC2E701 C7F9C648
5CF29CA3 1CB14285 19A46991 E9A98676
14FD4777 2D8A0AB6 A444EE0D CA009B54
—— END LICENSE ——

 

—– BEGIN LICENSE —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——

 

4、Package Controll 安装

  菜单栏→View→Show Console   或者  Ctrl + `

  Package Control 安装地址: https://packagecontrol.io/installation

 

①.Sublime Text2

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

 

 ②.Sublime Text3

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 快捷键

windows 快捷键 MAC 快捷键 功能描述
Ctrl + A CMD + A 全选
Ctrl + D CMD + D 选择相同的单词
  CMD + F 文件内查找
  CMD + L 选择一行
  CMD + R 跳转到指定方法
  CMD + S 保存文件
  CMD + T 前往文件
Ctrl + V CMD + V 黏贴
Ctrl + X CMD + X 剪切当前行
Ctrl + Y   与返回下一步,与ctrl + Z相反
  CMD + Y 恢复或重复
Ctrl + Z CMD + Z 返回上一步
  CMD + K + B 开关侧边目录栏
  CMD + K + K 从当前光标删除到行尾
  CMD + K + L 全部转小写
  CMD + K + U 全部转大写
  CMD + K + delete 从当前光标删除到行首
  CMD + / 行注释
  CMD + enter 在当前行后插入新行
  CMD + ALT + F 文件内替换
  CMD + ALT + / 块注释
  CMD + Shift + F 在所有打开的文件中进行查找
  CMD + Shift + V 格式化黏贴,保持缩进格式
  CMD + Shift + enter 在当前行前面插入新行
  Control + G 跳到指定行
  Control + M 跳转到匹配括号
Ctrl + ` Control + ` 打开控制台 
  Control + Shift + K  删除行
  Control + Shift + M 选择括号内全部内容

四、常用插件

插件名称 插件简介 功能按键
JavaScript-API-completions

支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,

是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,

不过JQuery提示还是很有用处的,也可设置要提示的语言。

 
Colorsublime 自定义主题配色  
iTg 自定义主题配色  
Theme - soda

输入soda, 找到Theme-Soda,找到后回车安装
安装成功后在preferences中选择Setting-User更改主题设置:
{
"theme": "Soda Light 3.sublime-theme"
}

 
Bracket Highlighter   

这是用来做括号匹配高亮的,可以在包管理器中安装。Sublime Text 2自带的括号匹配只有小小的一横线

,太不显眼了,这个可以让高亮显示在行号那里, 非常清晰

 
docblockr 强大的文档注释功能, 只要在文档中输入/*然后按一下tab, 就会根据代码自动生成注释  
Emmet 前段神器, 减少大量的工作量, 使用方法可以参考Emmet:HTML/CSS代码快速编写神器或者官方文档  
jsFormat JavaScript代码格式化  
sidebarenhancement

这是用来增强左边的侧边栏。左侧边栏可以在View -> Side Bar -> Show Side Bar中打开,

可以用Project -> Add Folder to Project...往侧边栏加入常用的文件夹。装完这个插件,

侧边栏的右键菜单会多一些功能,挺实用的

 
SublimeLinter 语法检测工具, 可以检测到所写代码的语法错误,并高亮显示错误  
SublimeTmpl 模板生成

control+alt+h html

control+alt+j javascrit

control+alt+c css

control+alt+p  php

SublimeCodeIntel

这是一款代码提示插件,支持多种编程语言

{
  "JavaScript":{
    "javascriptExtraPaths":[]
  }
}

 

五、setting-user

{
    "color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",
    "create_window_at_startup": false,
    "font_size": 17,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "Vintage"
    ],
    "open_files_in_new_window": false,
    "show_encoding": true,
    "word_wrap": true,
    "wrap_width": 120,
   "update_check":false
}

 

posted @ 2016-04-12 10:09  MangoNiki  阅读(793)  评论(0编辑  收藏  举报