Sublime Text2 完美工作流

最新推荐文章于 2024-11-09 14:07:11 发布

a664552

最新推荐文章于 2024-11-09 14:07:11 发布

阅读量180

点赞数

文章标签：开发工具操作系统

原文链接：http://www.cnblogs.com/partoo/archive/2012/12/13/2817233.html

版权

提炼自http://net.tutsplus.com/articles/news/perfect-workflow-in-sublime-text-free-course/ 视频教程，最后有刚摸索的实时预览的舒服方法。

1、多行编辑

可以使用Ctrl+D（cmd+D）选择相同内容而后编辑；可以用ctrl选中不规则的多行，然后进行统一的编辑；还可以框选区域后用ctrl+shift+L进行统一编辑。

选择方法有很多，甚至可以使用查找工具（常用ctrl+I），然后统一编辑。
提起ctrl+I，留意最左侧即正则查找（默认快捷键windows下alt+R），输入正则表达式，会实时显示选中区域，非常方便。

2、强大的命令行工具

常用ctrl+shift+P，一个字，太高效了。

而ctrl+P能够实现的功能叫”goto anything”，可以用他飞快地定位到一个文件；

用ctrl+R（等同于Ctrl+P后输入@字符），可以飞快地定位到类名、函数名、变量名；

上面两种可以合并操作，比如ctrl+P后输入 style.css@fieldset

3、那些必备的插件

建议使用package control来安装管理插件包。package control默认没有被内置在ST2中，所以用下面的方法安装先吧：

1、打开ST2;

2、按ctrl+`

3、复制粘贴下面的代码，回车

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调出后，输入 install 情形如下：

回车选中，就可以输入各类包名进行下载了。如果要删除一个包，那么，ctrl+shift+p，然后输入remove，找到Package Control:Remove Package，回车输入包名删除即可。

插件下载下来后，在Preferences->Browser Packages中可以找到那些包，进入相关文件夹找readme吧，里面都有使用说明的。

Zen coding的新生代Emmet

（默认TAB键响应）
p20 得到 padding:20px;
m20得到margin:20px;
w200得到width:200px;
w20p得到width:20%;
m20-10得到margin:20px 10px;
m0-auto得到margin:0 auto;

-transition得到各浏览器的兼容写法，（按TAB前别加冒号什么的），还可以选中后按Ctrl+alt+X；
lorem20会得到20个演示字符，非常实用；
http://docs.emmet.io/ 里有详尽说明

Prefixr --让css兼容不同浏览器

主要是css3，没啥好说的，有些无奈。

Nettus+ fetch

能够非常方便的管理一些开源框架

AdvancedNewFile

好用的新建文件插件，默认快捷键 ctrl+alt+N

SidebarEnhancements--强大你的项目边栏
注意：视频中的做法已经过时，请按照下面的做法配置本地预览（http://localhost/xxx）

项目边栏处任意文件点右键（边栏激活ctrl+K ctrl+B）->project->edit projects preview urls，然后遵循下面的写法：
{
    "S:/www/domain.tld":{
        "url_testing":"http://testing",
        "url_production":"http://domain.tld"
    }
	或者
    "C:/Users/luna/some/domain2.tld":{
        "url_testing":"http://testing1",
        "url_production":"http://productiontld2"
    }
}
根据不同的操作系统选择上面的某一种，更多内容，查看包里面的自述文件
这样可以默认按F12在浏览器预览了。

sublimeLinter--代码高亮提示
Gist--超级方便的代码管理

首先你需要有github的用户名和密码，另外，你的终端要能运行curl
安装Gist，然后Preferences->Browser Packages中找到Gist中的Gist.sublime-settings文件，输入github的用户名密码，根据文件注释中的地址生成GitHub API token，这就可以用了。
然后你就可以在ST2中享用了，真的很爽。

DocBlockr—代码注释工具

默认用/**即可生成一段代码注释

PlainTasks—TODO LIST工具

居然ST里面有了这东西，很方便的进行日常计划管理
使用方法：
⌘ 即windows下ctrl

☐ **`⌘ + enter` or `⌘ + i`**: 新任务

☐ **`⌘ + d`**: 将该条任务标示为“完成”

☐ **`⌘ + shift + a`** ：将完成的任务单独拿出归档

☐ 行尾用半角冒号就能自动生成项目标题，可以统一管理

☐ 可以任意添加摘要提醒

☐ 可以使用`@`添加tags

☐ 输入`--`然后TAB键将得到`--- ✄ -----------------------`

### Editor Useful Tools:

☐ **`⌘ + control + up/down (ctrl+shift+up/down on Windows)`** 可以将当前任务上下移动.

☐ **`⌘ + r`** 查看项目列表并跳转

HTTP Requester
如果做基于REST的API，那么这个就太有用了。基本用法：选中url，ctrl+alt+R
View in Browser 和 Browser Refresh

安装后查看说明，前者需要配置默认浏览器的路径，后者需要指定浏览器的名称。（本人已不用这俩，改用最后的补充）

4、其他技巧

VIM模式
Preferences->Settings Default 最后一句 "ignored_packages": ["Vintage"] 修改为 "ignored_packages": [],当然，最好的做法是将这句 "ignored_packages": [] 复制到 setting user 的文件中去。
copy命令
命令行中输入copy试试，灰常强大
多行合并
试试Edit->lines->join lines
窗口分割
试试view->layout里面的内容，将窗口分割，同时配合move file to group

nettus+上面的该系列讲座有30讲，非常细致，建议观看。