开始使用Sublime Text:
Sublime Text有Dev版本,推荐使用,下载地址,一般推荐下载便携版本(Portable version),这样拿来拿去很方便,也不用安装,而且插件和主体在一个目录下,便携。
相关阅读:
Sublime Text快捷键:
- Ctrl+Shift+P:打开命令面板
- Ctrl+P:搜索项目中的文件
- Ctrl+G:跳转到第几行
- Ctrl+W:关闭当前打开文件
- Ctrl+Shift+W:关闭所有打开文件
- Ctrl+Shift+V:粘贴并格式化
- Ctrl+D:选择单词,重复可增加选择下一个相同的单词
- Ctrl+L:选择行,重复可依次增加选择下一行
- Ctrl+Shift+L:选择多行
- Ctrl+Shift+Enter:在当前行前插入新行
- Ctrl+X:删除当前行
- Ctrl+M:跳转到对应括号
- Ctrl+U:软撤销,撤销光标位置
- Ctrl+J:选择标签内容
- Ctrl+F:查找内容
- Ctrl+Shift+F:查找并替换
- Ctrl+H:替换
- Ctrl+R:前往 method
- Ctrl+N:新建窗口
- Ctrl+K+B:开关侧栏
- Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身
- Ctrl+F2:设置/删除标记
- Ctrl+/:注释当前行
- Ctrl+Shift+/:当前位置插入注释
- Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的
- Ctrl+Shift+A:选择当前标签前后,修改标签用的
- F11:全屏
- Shift+F11:全屏免打扰模式,只编辑当前文件
- Alt+F3:选择所有相同的词
- Alt+.:闭合标签
- Alt+Shift+数字:分屏显示
- Alt+数字:切换打开第N个文件
- Shift+右键拖动:光标多不,用来更改或插入列内容
- 鼠标的前进后退键可切换Tab文件
- 按Ctrl,依次点击或选取,可需要编辑的多个位置
- 按Ctrl+Shift+上下键,可替换行
- F12 直接跳转到引用的地方 适用:js css class 超牛B
Sublime Text 设置:
- Setting User
以下是浩子使用的{ "font_face": "courier new", "font_size": 9.0, "highlight_line": true, "scroll_past_end": false, "tab_size": 4, "theme": "Soda Dark.sublime-theme", "word_wrap": true }
Sublime Text插件:
建议先启用Package Control,作用是安装插件时很方便,启用方法:菜单栏 – View – Show Console,贴入以下代码并回车,然后重启Sublime。如果你所在的网络无法启用,则无法使用,手动搜索下载去吧(话说你的网也被封了?)。
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())
开始安装一些非常实用的插件吧,Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功),安装其它插件也是这个方法,非常快速。
- ZenCoding
不得不用的一款前端开发方面的插件,Write less , show more.安装后可直接使用,Tab键触发,Alt+Shift+W是个代码机器。 - Alignment
代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。 - Prefixr
写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。 - Tag
Html格式化,右键Auto-Format Tags on Ducument。 - Clipboard History
剪贴板历史记录,显示更多历史复制,Ctrl+alt+v触发。 - SideBarEnhancements
侧栏右键功能增强,非常实用 - Theme – Soda
完美的编码主题,用过的都说好,Setting user里面添加”theme”: “Soda Dark.sublime-theme” - GBK to UTF8
将文件编码从GBK转黄成UTF8,菜单 – File里面找 - SFTP
直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云 - WordPress
集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用 - PHPTidy
整理排版PHP代码 - YUI Compressor
压缩JS和CSS文件 -
liveReload
顾名思义,就是自动更新,而不需要我们编辑一次就手动刷新一下。
安装好liveReload插件之后,就是给浏览器安装相应的插件了,在readme中可以找到谷歌和火狐的插件地址分别为:Google Chrome extension, Firefox 4 extension
-
Search in Browser
这个就是直接在编辑器中直接快捷键“ctrl+alt+g”,打开谷歌搜索,当然还有其他的,可以参考readme文件,同样还有一个插件stackoverflow search,可以直接在stackoverflow里面搜索你的问题。
- SublimeTmpl 快速生成文件模板
- 一直都很奇怪为什么sublime text 3没有新建文件模板的功能,像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件
- 终于可以解脱了,SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件
- 目录的templates文件夹里,可以自定义编辑文件模板。
- SublimeTmpl默认的快捷键
- ctrl+alt+h html
- ctrl+alt+j javascript
- ctrl+alt+c css
- ctrl+alt+p php
- ctrl+alt+r ruby
- ctrl+alt+shift+p python
-
DeleteBlankLines 一键删除空白行
安装好DeleteBlankLines插件后,该如何使用DeleteBlankLines插件一键删除空白行呢?可以按如下的步骤操作:
- 选中要删除空白行的文本范围,一般是ctrl+A直接全选
- 通过ctrl+alt+backspace执行一键去除空白行功能
提示:初次使用可以拿些带有大量空白行的文件操作,以便明显地了解DeleteBlankLines的功能。
这时候应该修改一个Sublime Text的用户配置,其中这个配置就是"保存文件时自动去掉每行结束后多余的空格",具体操作如下:
- 在Sublime Text菜单栏中找到preferences,选择"设置 - 用户"
- 在窗口中最后一个"}"前输入"trim_trailing_white_space_on_save": true(包含引号内容)
设置好之后无需重启,再次打开有大量"空行"的文件,比如修改WordPress中的functions.php文件,然后在打开后进行保存,然后你就会发现那些扰人的"空行"消失了,它们真的变成空行了,然后现在在使用DeleteBlankLines的快捷键组合就能够完美的去掉所有空行了。
-
代码版本控制等
-
TortoiseSVN
-
git
-
gist(线上代码片段)
-
格式化代码
cssFormat
jsFormat
Tag(可以格式化html,有注释的时候表现不是很理想)
-
其他插件
bracket highlighter(括弧高亮显示)
Goto-CSS-Declaration(跳转到css文件该class的声明处,注意对应的css文件要同时打开才行)
jquery package,scss(支持scss的语法高亮)
- ======================
-
3、不建议再用的插件
prefixr(css3前缀)
placeholders(填充一些文本内容)。
之所以不建议使用上面两个是因为用emmet就可以解决了,所以说emmet是多么的强大啊