Subliem Text 3 的安装和使用

前两天将Sublime Text3简单的看了看，发现是好经典的开发工具....

1. sublime Text安装：www.sublimetext.com

此时的版本是： Build 3103

可用的注册码： (拷贝自网址：http://www.cnblogs.com/LucienLaw/p/5190440.html )

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

注册码

2. sublime Text Package Control 安装：

网址： https://packagecontrol.io/

安装：

(1) 页面的"Usage Instructions" (使用说明)，拷贝Sublime Text 3：

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Sublime Text 3

(2) 在Sublime Text3 中快捷键： Ctrl + ` (Tab键上面的键)， 输入即可；

ps: 目前情况需要代理.......

3. 一些操作：

(1) 文件栏的隐藏和展开: Ctrl+K，B

(2) 代码缩略图： Ctrl+Shift+p  打开命令面板，输入：toggleminmap

(3) 选择语法： 右下角； Ctrl+Shift+p  打开命令面板，输入：syntax:php

(4) 免打扰开发： F11   Shift+F11

(5) 代码折叠： 鼠标放到行号，如果出现下三角，代表代码可以折叠；

(6) 配色方案 ...

(7) Sublime 的安全方案： 代码自动缓存；

(8) 多重选择，同时编辑： 可以用多个光标输入； Ctrl+D  Ctrl+shift+L Ctrl+L  滚轮  Ctrl .....

(9) 文件跳转: Ctrl+P  选择文件； 匹配： test@test  test文件的test方法 ；index.html:30  可以跳转到30行； css/tp  css文件夹下的tp..

(10) 代码放大缩小： Ctrl +   Ctrl -

(11) 代码补全： tab

(12) lorem 随机文字: lorem 生成一段文字;  lorem100    生成100文字

(13) Snippet: 代码片段； 使用有的代码片段； 自定义代码片段；

(14) 查找和替换：Ctrl+F  F3(Next )  Shift+F3(Previous)   Ctrl+H   Ctrl+Shift+F

(15) 自定义设置； 字体  字体大小....

(16) 多页面布局：  Alt+Shift+1,2,3,4   5 (2x2的窗口) ,8(上下的窗口)，9（上中下的窗口）

4. 一些快捷键：

Ctrl +L 选择，再按Ctrl+L，会继续选择下一行；
Ctrl +KK, 从光标处删除至行尾
Ctrl+Shift+K 删除光标所在的整行
Ctrl+Shift+D 复制光标所在整行，插入在该行之前，
Ctrl+J 合并行(已选择需要合并的多行时)
Ctrl+KU 改为大写 aaa
Ctrl+KL 改为小写
Ctrl+D 选词(再次按住，继续选择下个相同的字符串)
Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+Shift+M 选择括号内的内容（再次按住继续选择父括号）
Ctrl+/ 注释整行(如已选择内容，同"Ctrl+Shift+/"效果)
Ctrl+Shift+/ 注解选中的内容
Ctrl+Z 撤销
Ctrl+Y 发撤销

Alt+. 闭合当前的标签
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码
Ctrl+KT 折叠属性
Ctrl+K0 展开属性

Ctrl+T 词互换 光标前的换到后面
Tab 缩进
Shift+Tab 去除缩进
Ctrl+Shift+UP 与上行互换
Ctrl+Shift+DOWN 与下行互换
Ctrl+Enter 插入行后
Ctrl+Shift+Enter 插入行前
F9 行排序(按a-z)

5. 一些常用插件：

安装方法：  Ctrl+Shift+P    install package

emmet ** 编码助手

JsFormat  ---- JS代码格式化插件

Alignment  -- 等号对齐插件

jQuery -- 代码智能提示插件

Nettuts Fetch   -- 快速将远程的库，框架下载到本地

AutoFileName  -- 自动补全文件目录名

ColorHighlighter -- 背景显示16进制颜色；

DocBlockr   -- 生成注释模板

Trailing Space   高亮显示多余的空格和Tab

Trimmer-- 自动删除不必要的空格

具体的使用可以在 https://packagecontrol.io/ 中搜索，查看相应的文档用法

------------------------------

今天找集成浏览器的插件，找到一个SideBarEnhancements : 

SideBarEnhancements本是增强侧边栏的插件，这里将教大家如何用来做sublime text 3浏览器预览插件，并可自定义浏览器预览的快捷键。
安装此插件，点击工具栏的preferences > package setting > side bar > Key Building-User，键入以下代码，这里设置按Ctrl+Shift+C复制文件路径，按F1~F5分别在firefox，chrome，IE，safari，opera浏览器预览效果，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

[
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //firefox
    { "keys": ["f1"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
    //chrome
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Users\\Mr.DenGo\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     },
    //ie
     { "keys": ["f3"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
                "extensions":".*"
            }
    },
    //safari
    { "keys": ["f4"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\Safari\\safari.exe",
                "extensions":".*"
            }
     },
     //opera
     { "keys": ["f5"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\opera\\opera.exe",
                "extensions":".*"
            }
    }
]

安装SideBarEnhancements

http://dengo.org/archives/923  里面有一些常用的插件，可能比较老.....

http://blog.csdn.net/fovwin/article/details/9102731   快捷方式列表