sublime编辑器的简单实用介绍

  1. 云栖社区>
  2. 博客>
  3. 正文

sublime编辑器的简单实用介绍

技术小胖子 2017-11-15 14:58:00 浏览1242
展开阅读全文

Sublime

目录

简介

功能特性

插件管理

推荐插件

新版发布


编辑本段简介

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

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

2012626推出新版本的Sublime Text 2.0,与之前版本相比主要有较大的改善:支持 Retina 视网膜屏、快速跳到下一个、文本拖放、改善构建系统、CSS 自动完成和高亮设置等。


编辑本段功能特性

Sublime Text 2 支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能,还拥有代码片段(Snippet)的功能,可以将常用的代码片段保存起来,在需要时随时调用。支持 VIM 模式,可以使用Vim模式下的多数命令。支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的操作或者命令。

Sublime Text 2还具有良好的扩展能力和完全开放的用户自定义配置与神奇实用的编辑状态恢复功能。支持强大的多行选择和多行编辑。强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex, 按下回车就可以直接执行,减少了查找的麻烦。即时的文件切换。随心所欲的跳转到任意文件的任意位置。多重选择功能允许在页面中同时存在多个光标。

该编辑器在界面上比较有特色的是支持多种布局和代码缩略图,右侧的文件略缩图滑动条,方便地观察当前窗口在文件的那个位置。也提供了 F11 和 Shift+F11 进入全屏免打扰模式。代码缩略图、多标签页和多种布局设置,在大屏幕或需同时编辑多文件时尤为方便 全屏免打扰模式,更加专心于编辑。代码缩略图的功能在更早的编辑器TextMate中就已经存在,TextMate已经开源。Sublime Text 2支持文件夹浏览,可以打开文件夹,在左侧会有导航栏,方便在同时处理多个文件。3、多个位置同时编辑,按住ctrl,用鼠标选择多个位置,可以同时在对应位置进行相同操作。[2]

SublimeText 2还有编辑状态恢复的能力,即当你修改了一个文件,但没有保存,这时退出软件,软件不询问用户是否要保存的,因为无论是用户自发退出还是意外崩溃退出,下次启动软件后,之前的编辑状态都会被完整恢复,就像退出前时一样。

快捷键

Ctrl+L 选择整行(按住-继续选择下行)

Ctrl+KK 从光标处删除至行尾

Ctrl+K Backspace 从光标处删除至行首

Ctrl+J 合并行(已选择需要合并的多行时)

Ctrl+KU 改为大写

Ctrl+KL 改为小写

Ctrl+D 删除行 (按住-继续选择下个相同的字符串)

Ctrl+M 光标移动至括号内开始或结束的位置

Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)

Ctrl+Shift+c转换为utf8

Ctrl+R 搜索指定文件的函数标签

Ctrl+G 跳转到指定行

Ctrl+KT 折叠属性

Ctrl+K0 展开所有

Ctrl+U 软撤销

Ctrl+T 词互换

Tab 缩进 自动完成

Shift+Tab 去除缩进

Ctrl+Enter 光标后插入行

Ctrl+F2 设置书签

F2 下一个书签

Shift+F2 上一个书签

shift+鼠标右键 列选择

Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑

Alt+. 闭合当前标签

F6 检测语法错误

F9 行排序(a-z)

F11 全屏模式

Ctrl+Shift+Enter 光标前插入行

Ctrl+Shift+[ 折叠代码

Ctrl+Shift+] 展开代码

Ctrl+Shift+↑ 与上行互换

Ctrl+Shift+↓ 与下行互换

Ctrl+Shift+A 选择光标位置父标签对儿

Ctrl+Shift+D 复制光标所在整行,插入在该行之前

ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找

Ctrl+Shift+K 删除整行

Ctrl+Shift+L 鼠标选中多行(按下快捷键),即可同时编辑这些行

Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)

Ctrl+Shift+P 打开命令面板

Ctrl+Shift+/ 注释已选择内容

Ctrl+Shift+Enter 光标前插入行

Ctrl+PageDown Ctrl+PageUp 文件按开启的前后顺序切换

Ctrl+鼠标左键 可以同时选择要编辑的多处文本

Shift+鼠标右键(或使用鼠标中键)可以用鼠标进行竖向多行选择

Shift+Tab 去除缩进

Alt+Shift+1~9(非小键盘)屏幕显示相等数字的小窗口

编辑本段插件管理

1、安装Package Control

Ctrl+`调出console

粘贴安装代码(见扩展阅读)到底部命令行并回车:

重启Sublime Text 2

如果在Perferences->package settings中看到package control这一项,则安装成功。

可以到官网链接(见扩展阅读)下载Package Control.sublime-package放到sublime安装目录里的datainstalled package文件夹(这个文件夹位置可能会不一样)[3]

2、用Package Control安装其他插件

按下Ctrl+Shift+P调出命令面板

输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

编辑本段推荐插件

GBK to UTF8

将文件编码从GBK转换成UTF8快捷键Ctrl+Shift+C

zenCoding

zenCoding是一种快速的htmlcss编写方式。默认用tab.

JS Format

一个JS代码格式化插件。默认ctrl+shift+f

编辑本段新版发布

Sublime Text 3 Beta 发布

更新日志

==============================================================

2013-07-18-hanchao-add

1.http://www.cnblogs.com/leecanz/archive/2012/03/04/2379446.html

http://www.cnblogs.com/leecanz/archive/2012/08/02/2619206.html


http://www.hphq.net/Marketing/8.html


121623506.png



2.鼠标选中多行,按下 Ctrl+Shift+L (Command+Shift+L) 即可同时编辑这些行;


3.http://www.iplaysoft.com/sublimetext.html


4.http://v.youku.com/v_show/id_XMzAxNTc1NTYw.html


Zencoding in Sublime Text 2


5.http://lucifr.com/2011/08/31/sublime-text-2-tricks-and-tips/



1.关闭QQ → ctrl+` → import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())→ 重启Sublime → 如果在Perferences->package settings中看到package control这一项,则安装成功。


2.安装插件

按下Ctrl+Shift+P调出命令面板 → 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件


GBK Encoding Support

对应gb2312来说,Sublime Text 2 本生不支持的,我们可以通过Ctrl+Shift+P调出命令面板或Perferences->Package Contro,输入install 调出 Install Package 选项并回车,在输入“GBK Encoding Support”选择开始安装,左下角状态栏有提示安装成功。这时打开gbk编码的文件就不会出现乱码了,如果有需要转成utf-8的可以在File-GBK to UTF8-选择Save with UTF8就偶看了。


Zen Coding (Emmet)


PrefixrCSS3 私有前缀自动补全插件,显然也很有用哇


 JSFormat → 一个JS代码格式化插件。crtl + alt + enter


⑤ Placeholders → 故名思意,占位用,包括一些占位文字和HTML代码片段,实用。


 JsMinifier → 该插件基于Google Closure compiler,自动压缩js文件。


7.Sublime CodeIntel → 代码自动提示

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


9.tag --- 增强提示的。


10.HTML5 -- 增强HTML5的标签提示


11.clipbroad history 剪切板历史。 Ctrl + alt +v 调出剪切板


12docBlockr 生成JS的注释。


菜单栏→PreferencesBrowse Packages 打开sublime的插件目录,找到这个Clipboard History 这个文件夹 里面有个 Default (Windows).sublime-keymap 文件,拖到sublime打开 里面定义了这些快捷键


13.JShint ----- 校验JS有什么错误。(可以不用,通过浏览器调试)




3.121533266.png

[

{ "keys": ["alt+up"], "command": "swap_line_up" }, //Alt+方向键上时将当前选择的那一行向上移(与上一行交换位置)

{ "keys": ["alt+down"], "command": "swap_line_down" },//Alt+方向键下时将当前选择的那一行向下移(与下一行交换位置)

{ "keys": ["ctrl+d"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} } ,//删除当前行

{ "keys": ["ctrl+alt+down"], "command": "duplicate_line" } ,//复制当前行显示在下一行

{

"keys": [

"alt+j"

],

"args": {

"action": "expand_abbreviation"

},

"command": "run_emmet_action",

"context": [

{

"key": "emmet_action_enabled.expand_abbreviation"

}

]

} //设置我喜欢的快捷键

]


4.setting User 中:

{

"ignored_packages":

[

"Vintage"

],

"draw_minimap_border": true, //显示缩略图边框

"highlight_line": true ,//光标当前行高亮显示

"font_size": 14 //字体大小

}





     本文转自韩立伟 51CTO博客,原文链接:http://blog.51cto.com/hanchaohan/1308645,如需转载请自行联系原作者


网友评论

登录后评论
0/500
评论
技术小胖子
+ 关注