一、Sublime Text 有哪些使用技巧
1.在sublime text中打开当前文件的所在目录
点击Preferences菜单,之后点击Key Bindings- User,如果打开的文件为空,那么点击Preferences,之后点击Key Bindings- Default,如图:
在打开文件的最下方加上一行代码:
{"keys":["alt+o"],"command":"open_dir","args":{"dir":"$file_path","file":"$file_name"}}
保存后即可使用alt+o快捷键打开当前文件所在的目录.快捷键alt+o是可以修改的,不过我习惯了这个快捷键
设置截图如下:
2.在sublime text中快速使用notepad++打开当前文件
首先确保notepad++加入了环境变量中,点击菜单Preferences选择Browse Packages...,在打开的文件夹中新建文件夹并命名为notepad++,在新创建的文件夹中创建名为Npp.py的文件并输入如下代码:
importos,sublime_plugin
classNppCommand(sublime_plugin.TextCommand):
defrun(self,edit):
command="startnotepad++"+self.view.file_name()
os.system(command)
在新创建的文件夹家中在创建一个新文件并命名为Npp.sublime-menu,在其中输入如下:
[
{"command":"npp"}
]
这样我们就创建了一个sublime text的命令,接下来就像第一个技巧一样,将这个命令加入快捷键列表中如图(我给它设置的快捷键为F5):
保存之后点击F5就会在notepad++中打开当前在sublime text打开的文本(文本必须是保存在磁盘上的文本,sublime text自己创建还未保存的文本不能打开).
notepad++文件内容如下(其中的Npp.pyc文件是自动生成的):
设置完成后就可以直接按F5在notepad++中打开sublime text所打开的文件了
二、sublime text 怎么用
使用 Sublime Text建议掌握常用命令
1、查找打开过的文件：Ctrl+P，然后输入最近的文件名就可以即时预览到文件内容。
<img src="" data-rawwidth="1027" data-rawheight="577" class="origin_image zh-lightbox-thumb" width="1027" data-original="">2、命令输入框（不知道是不是这样叫）：Ctrl+Shift+P2、命令输入框（不知道是不是这样叫）：Ctrl+Shift+P
a)切换语法模式：
Set Syntax: [编程语言]
可以缩写为：
sspy
<img src="" data-rawwidth="568" data-rawheight="165" class="origin_image zh-lightbox-thumb" width="568" data-original="">这样就可以切换语法模式了，这以便于代码高亮及插件调用（比如HTML模式会使Emmet生效）这样就可以切换语法模式了，这以便于代码高亮及插件调用（比如HTML模式会使Emmet生效）
b)安装插件（前题是你安装了插件管理器）：
<img src="" data-rawwidth="569" data-rawheight="76" class="origin_image zh-lightbox-thumb" width="569" data-original="">
输入这个命令之后回车，再输入需要的插件，就可以安装了。
<img src="" data-rawwidth="425" data-rawheight="421" class="origin_image zh-lightbox-thumb" width="425" data-original="">
3、多处编辑功能：
Ps：这个功能至关重要，我都不敢回想接触 Sublime Text以前是怎么活过来的。
比如这样的代码：
<div>
<h2></h2>
<p></p>
<p></p>
</div>
<div>
<h2></h2>
<p></p>
<p></p>
</div>
<div>
<h2></h2>
<p></p>
<p></p>
</div>
如果我需要为所有 h2换成 h1，再加上一个 class="title"属性：
那么我只需要选中一个 h2，然后按住 Ctrl+D（因为按一下只会只选择下一个）
<img src="" data-rawwidth="265" data-rawheight="452" class="content_image" width="265">于是就变成：于是就变成：
<img src="" data-rawwidth="286" data-rawheight="428" class="content_image" width="286">然后我就可以输入 h1，就变成然后我就可以输入 h1，就变成
<img src="" data-rawwidth="209" data-rawheight="428" class="content_image" width="209">
这个时候，按一下 HOME(Mac下是Commond+左箭头)，再按几下右箭头，再输入
class="title"
然后就变成
<img src="" data-rawwidth="389" data-rawheight="423" class="content_image" width="389">
欧了~！
这个可以举一反三，巨有用巨实用！
当然 Ctrl+ F调出查找功能、Ctrl+ Shift+ F调出查找并替换功能应该不用讲了。
关于编码
<img src="" data-rawwidth="570" data-rawheight="426" class="origin_image zh-lightbox-thumb" width="570" data-original="">
File-> Reopen with Encoding可以以某编码打开
File-> Save with Encoding可以保存为某一编码
编码问题就是这么简单~
关于中键，也就是鼠标滚轮！
鼠标滚轮也可以选中字符，但不同用鼠标左键选择的是，他不会跨行选择，而是直接矩形选择，比如：
<img src="" data-rawwidth="161" data-rawheight="202" class="content_image" width="161">配合 Ctrl多处选择进行多处编辑，这直接是赞爆了有木有！！配合 Ctrl多处选择进行多处编辑，这直接是赞爆了有木有！！
还有菜单里这个功能超赞！可以快速设置 Tab的宽度，默认是4，也可以 Spaces与 Tabs之间转换。
（btw,习惯用 Tab缩进的程序猿，在提交代码时转换成2个空格的缩进是个好习惯）
<img src="" data-rawwidth="599" data-rawheight="610" class="origin_image zh-lightbox-thumb" width="599" data-original="">
关于插件
插件太多了，Google/百度/知乎一搜就有推荐的，这里写推荐一个~！
写前端的话 Emmet插件是必须的，比如：
输入
html:5
按TAB，会这样
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
输入
div
按TAB，会这样
<div></div>
输入
section#block$*3>h2.title+p.words*2
按TAB，会这样
<section id="block1">
<h2 class="title"></h2>
<p class="words"></p>
<p class="words"></p>
</section>
<section id="block2">
<h2 class="title"></h2>
<p class="words"></p>
<p class="words"></p>
</section>
<section id="block3">
<h2 class="title"></h2>
<p class="words"></p>
<p class="words"></p>
</section>
还有很多用法，可以自行Google/百度“Emmet”。
三、sublime text怎么用
sublime Text由于其强大的编辑功能以及代码自动完成功能受到无数程序员的青睐,尤其是zend coding插件的使用。要实现其强大的功能,需要装载一些插件,本文由小编跟大家介绍一下如何在sublime text安装zen coding等插件。
Sublime Text插件安装的几个方法:
第一种、直接安装
安装Sublime text插件很方便,可以直接下载安装包解压缩到软件安装根目录的Packages目录下,放在里面,重启软件即可。
2.使用Package Control组件安装
也可以安装package control组件,然后直接在线安装:
按Ctrl+`以调出console,然后
粘贴以下代码到底部命令行并回车: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('('','%20')).read())
重启Sublime Text即可。
重启后如果在Perferences->package settings中看到package control这一项,则安装成功。
如果这种方法不能安装成功,可以到这里下载文件手动安装。
用Package Control安装插件的方法:
按下Ctrl+Shift+P调出命令面板
输入install调出 Install Package选项并回车,然后在列表中选中要安装的插件。
GBK Encoding Support
对应gb2312来说,Sublime Text 2本生不支持的,我们可以通过插件GBK to UTF8或GBK进行转码工作。
大神级别插件Zen Coding:
输入 div.wrapper>div.header+div.main+div.footer按下Tab,立刻变成
或者按下ctrl+alt+enter,激发zencoding控制台,可看到整个动态的过程。
Zen Coding代码写法:
1)使用Ctrl+ Alt+ Enter呼出ZenCoding
2) div#content>ul>li*3>a[href="javascript:void(0);"]{Links$}这样短短的一句话生成:
<did id=”content”>
<ul>
<li><a href=”javascript:void(0);”>Links1</a></li>
<li><a href=”javascript:void(0);”>Links2</a></li>
<li><a href=”javascript:void(0);”>Links3</a></li>
</ul>
</did>
以下跟大家分享一下Sublime Text中使用Zen Coding的一些技巧
1、缩写扩展
之前知道,通过Control+ Alt+ Enter可以在一个新行中输入ZC的缩写,来生成代码。同时,如果我们在编辑中直接书写了ZC缩写,比如 div#content>p当光标放置在p之后时,可以通过Tab键来扩展,ZC会从光标处开始向左侧搜索到第一个空白处,之间的代码作为ZC缩写,这样不必每次打开新行输入,提高了效率,缺点就是不能够实时预览。
2、嵌套代码
如上图所示,可以实现在已经写好的代码外面嵌套其他的代码,实现方式是将光标放置到想要嵌套的标签上,然后使用Control+ Alt+ Enter呼出ZC的命令行,就可以了。
其实Zen Coding还提供了很多方便代码编写的操作,例如标签匹配、返回上一个/下一个编辑点、更新img标签、合并行等,但是因为在Sublime Text中没有提供完整的支持,所以这些特性还无法使用。
其余插件:
①jQuery Package for sublime Text
习惯使用jQuery者必备
②Sublime Prefixr
Prefixr,CSS3私有前缀自动补全插件
③JS Format
JS代码格式化插件。
④Placeholders
占位用,包括一些占位文字和HTML代码片段,实用。
⑤Sublime Alignment
用于代码格式的自动对齐,最新版Sublime已经集成。
⑥Tag一些有代码洁癖的程序猿很适合这个插件,HTML代码格式化能使html代码更加漂亮整洁。
⑦JsMinifier
该插件基于Google Closure compiler,自动压缩js文件。
⑧Sublime CodeIntel
代码自动提示
⑨Bracket Highlighter
类似于代码匹配,可以匹配括号,引号等符号内的范围。
⑩GBK to UTF8
将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相