代码编辑器之sublime text

http://www.iplaysoft.com/sublimetext.htmlcss

1.特色:html

  中文乱码问题:另外,不少朋友反映表示打开中文会有乱码,实际上是由于ST2自己只支持UTF-8编码,而咱们常遇到的中文文件多是GBK或者 GB2312等编码,解决方法是安装一个 ConvertToUTF8 或者 GBK Encoding Support 插件便可完美解决,这个并非什么大问 题。前端

sublime text2代码高亮文件类型修改办法:git

在Data\Packages目录下的文件类型目录里的文件类型语言文件,如XML\XML.tmlanguage。而后打开该文件,在<key>fileTypes</key>下面按照原来的例子添加新的文件类型保存可。github

而Sublime Text 3的目录结构和2的不太同样,使用2的方法就不行了。那么有2中方法能够实现,下面的其一方法在2中也可使用,不一样是的下面的其二方法。api

其二:在Data\Packages\User目录下手动生成一个名字叫XXX.sublime-settings的文件。XXX为文件扩展名。浏览器

更换主题或配色方案:服务器

  一款比较流行的主题 Theme - Soda,和安装插件基本上同样,使用 Package Control 进入 Install Package 的列表里面找 到它进行安装便可。找到一些 ST2 的主题,下载回来放到安装目录的 Data\Packages 文件夹里面,而后选择切换主题。配色方案的操做也是相似。另外,SublimeText 还有很给力的一点,就是它能原生支持 TextMate 的 Bundle 和配色方案,一样也是放在 Packages 文件 夹里便可使用。TextMate 的 Bundle 和配色方案资源都比较丰富,网上能够找到很多。ide

  Sublime Text 2 的快捷键还支持双重组合,譬如默认状况下,将选中的文字改为大写的热键是“Ctrl+K, Ctrl+U”,意思是 当你先按下 Ctrl+K 以后迅速再按 Ctrl+U 进行触发(只按下Ctrl+K是没有做用的),这样能够避免不少热键冲突函数

Package Control(毫不可错过的扩展包管理器)

经常使用到的就是几个 Install Package (安装扩展) 、List Packages (列出所有扩展)、Remove Package (移除扩展)、Upgrade Package (升级扩展)。

Package Control 主文件下载地址:https://github.com/wbond/sublime_package_control  此外,你还能够在这里看到 Web 版的扩展列表和详细的说明(https://packagecontrol.io/) (这俩 列表的数据应该是同步的。在截稿为止 2012-7-8,这里已经收集了482个扩展包了)使用 Ctrl+Shift+P 调用命令面板,输入“Package Control: Install Package”(安装扩展包),在插件列表中选择安装“JsFormat”(能够输入字符过滤),待提示成功以后即已 完成安装。随便打开一个js文件(最好是换行、对齐特别凌乱的那种),按下 Ctrl+Shift+P 调用命令面板,你会发现已经多 了一项命令叫作“Format: Javascript”,如图:使用以后,你的代码瞬间就变整齐了有木有!你也可使用这个插件的热键“CTRL+ALT+F”进行整理(命令面板右方能够看到 )。并且 ST2 也开放了插件API,若是你有能力,也能够试试开发一个,能够参考这里的API文档 (http://www.sublimetext.com/docs/2/api_reference.html)。

2.使用方法

1).在当前项目中,快速搜索文件  

  搜索文件小技巧,在输入文件路径的时候,能够/c/u/a/这样的格式匹配来快速找到文件搜索到了2个结果,能够按上下键来在多个结果中跳转

2).添加注释
  a. 添加块注释,相似于/* */用这种方法来添加的注释同样。
    先选择要注释的内容,而后按 ctrl + /

  b. 添加行注释,把鼠标移到改行的任意位置,按ctrl + /便可

  c. 取消单行注释,鼠标位于已经注释的行的任意位置,执行ctrl + /便可

  d. 取消块注释
    选择要取消的内容,按ctrl + / 便可

  e. 即取消注释和添加注释是逆操做
3)快速跳转到指定的行
  ctrl + g,而后输入行号,enter就行。好比跳转到第五行。 或者ctrl + p,再输入 :
4) 搜索函数
  按ctrl + r 或 ctrl + p ,在执行@。 以后填写要搜索的函数名  

  @ :+数字    跳到行数

5) 隐藏菜单和显示菜单栏  

  1. 隐藏菜单栏:view --> Hide Menu  

  2. 隐藏菜单栏后,要显示菜单栏:    i. 这是隐藏以后  

  3.隐藏以后显示菜单栏 按住Alt 键,菜单栏即会出现。松开后,则菜单栏就会消失。要永久显示则是: 按住Alt 键-- >view--> show Menu

6)选择多行和修改多行:

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

  鼠标选中文本,反复按 CTRL+D (Command+D) 便可继续向下同时选中下一个相同的文本进行同时编辑;

  鼠标选中文本,按下 Alt +F3 (Win) 或 Ctrl+Command+G(Mac) 便可一次性选择所有的相同文本进行同时编辑;

  Shift+鼠标右键 (Win) 或 Option+鼠 标左键 (Mac) 或使用鼠标中键能够用鼠标进行竖向多行选择;

  Ctrl+鼠标左键(Win) 或 Command+鼠标左键(Mac) 能够手动选 择同时要编辑的多处文本 

7)Sublime Text主要快捷键列表:

Ctrl+L 选择整行(按住-继续选择下行)
Ctrl+KK 从光标处删除至行尾
Ctrl+Shift+K 删除整行
Ctrl+Shift+D 复制光标所在整行,插入在该行以前
Ctrl+J 合并行(已选择须要合并的多行时)
Ctrl+KU 改成大写
Ctrl+KL 改成小写
Ctrl+D 选词 (按住-继续选择下个相同的字符串)
Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)
Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
Ctrl+Shift+/ 注释已选择内容
Ctrl+Z 撤销
Ctrl+Y 恢复撤销
Ctrl+M 光标跳至对应的括号
Alt+. 闭合当前标签
Ctrl+Shift+A 选择光标位置父标签对儿
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码
Ctrl+KT 折叠属性
Ctrl+K0 展开全部
Ctrl+U 软撤销
Ctrl+T 词互换
Tab 缩进 自动完成
Shift+Tab 去除缩进
Ctrl+Shift+↑ 与上行互换
Ctrl+Shift+↓ 与下行互换
Ctrl+K Backspace 从光标处删除至行首
Ctrl+Enter 光标后插入行
Ctrl+Shift+Enter 光标前插入行
Ctrl+F2 设置书签
F2 下一个书签
Shift+F2 上一个书签

F11 和 Shift+F11 进入全屏免打扰模式

格式化代码:alt+shift+f  本身设置的,选择代码后按此快捷键能够格式化代码。
打开刚刚关闭的窗口:ctrl+shift+T  默认设置。
多处选择相同的词:Ctrl+D,回退选择Ctrl+U  默认设置,很是有用,能够试试。
逐词移动:Ctrl+左右键  默认设置,直接按左右键是一个字母一个字母的移动。
显示类和方法提纲:Ctrl+R  默认设置,能够很容易知道一个类中都有哪些方法。
显示n个窗口:alt+shift+1,或者2,3...显示n个窗口,例如写css的时候,能够一个窗口开html,一个窗口开css

8)推荐的部分插件:
Gits:能够轻松集成 GitHub
SFTP:直接编辑 FTP 或 SFTP 服务器上的文件
ZenCoding:这货对于前端的同窗来讲不得了,能够超快速编写HTML文件 (视频演示)
ConvertToUTF8:ST2只支持utf8编码,该插件能够显示与编辑 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的文件
Clipboard History:剪切板历史
WordPress:集成一些WordPress的函数,对于像我这种常常要写WP模版和插件的人特别有用!
HtmlTidy:清理与排版你的HTML代码
PHPTidy:整理与排版PHP代码
YUI Compressor:压缩JS和CSS文件

默认状况下SublimeText不具有FTP的功能,你能够考虑FTPSync。这是一个很是简单的FTP同步工具,它能够控制上传目标的多重命名。

Emmet(译者注:前身就是之前大名鼎鼎的Zen Coding,这个若是你没据说和使用过,就悲哀了)是一个可让你更快更高效地编写HTML和CSS,节省你大量时间的插件。怎么使用?你只需按约定的缩写形式书写而不用写整个代码,而后按“扩展”键,这些缩写就会自动扩展为对应的代码内容。 好比,你只须要输入((h4>a[rel=external])+p>img[width=500 height=320])*12 ,而后它会被扩辗转换成12个列表项和紧随其后的图像。而后你就能够在此基础上再填写内容,就这么简单。

sublimeLinter最近才为SublimeText3重建和发布。新版本显然带来了不少新的有所不一样的功能,而不是简单地把全部的Linter 放在一个包中,开发者容许用户在升级时选择并安装本身常用的Linter。很明显,这能够节省磁盘空间。“更多的定制”,这对用户是很友好的。一个支持lint语法的插件,能够高亮linter认为有错误的代码行,也支持高亮一些特别的注释,好比“TODO”,这样就能够被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,可是也够用了吧)

SublimeEnhancements这个插件能够给SublimeText的边栏菜单带来扩充的功能,包括:在当前工程文件夹中新建文件,移动文件或文件夹,产生文件或文件夹的副本,在新窗口或浏览器中打开,刷新等。这只是归纳地说,安装后探索它更多的功能吧。

Git虽然名字看上去并不友好,但做为开发者的你确定一眼就能明白它是干什么的。这个插件会将Git整合进你的SublimeText,使的你能够在SublimeText中运行Git命令,包括添加,提交文件,查看日志,文件注解以及其它Git功能。

DocBlockr 可使你很方便地对代码创建文档。它会解析函数,变量,和参数,根据它们自动生成文档范式,你的工做就是去填充对应的说明。

Snippets你必定已经据说了,能够帮你快速书写代码。但它不是像上面提到的插件那样使用缩写,它是重用代码块以节省您的时间。你甚至能够建立本身的代码段,这彻底取决于你本身。

FileDiffs这个插件容许你看到SublimeText中两个不一样文件的差别。你能够比较的对象能够是从剪贴板中复制的数据,或工程中的文件,当前打开的文件等。

colorpicker若是你常常要查看或设置颜色值,这个插件能够很方便地调用你本机的调色板应用。(译者扩充:)这是一个双向的功能,你既能够在调色板中选择一个颜色,而后按“肯定”按钮把该值填写到 SublimeText 中活动文档的当前位置,也能够在活动文档中选择一个颜色的值,按此插件的快捷键就会在显示的调色板中定位到该值所对应的颜色。

TrmmerTrimmer你知道当你编写代码时,因为错误或别的某些缘由,会产生一些没必要要的空格。须要注意的是多余的空格有时也会形成错误。这个插件会自动删除这些没必要要的空格。

Alignment这个插件让你能对齐你的代码,包括 PHP、CSS 和 Javascript。代码看起来更简洁和可读,便于编辑。您能够查看下面的图片来明白我说的意思。Sublime Alignment用于代码格式的自动对齐。传说最新版Sublime 已经集成。

Terminal这个插件可让你在Sublime中直接使用终端打开你的项目文件夹,并支持使用快捷键。

sublimeEnhancements这个插件能够给SublimeText的边栏菜单带来扩充的功能,包括:在当前工程文件夹中新建文件,移动文件或文件夹,产生文件或文件夹的副本,在新窗口或浏览器中打开,刷新等。这只是归纳地说,安装后探索它更多的功能吧。

Clipboard History 粘贴板历史记录,方便使用复制/剪切的内容。

DetectSyntax 这是一个代码检测插件。

Sublime CodeIntel代码自动提示

Bracket Highlighter相似于代码匹配,能够匹配括号,引号等符号内的范围

Hex to HSL自动转换颜色值,从16进制到HSL格式,快捷键 Ctrl+Shift+U

相关文章
相关标签/搜索