sublime text(文本编辑器sublime)
大家好，如果您还对sublime text不太了解，没有关系，今天就由本站为大家分享sublime text的知识，包括文本编辑器sublime的问题都会给大家分析到，还望可以解决大家的问题，下面我们就开始吧！
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[rel="external nofollow" 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
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相
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 3怎么用
Sublime Text 3是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。
界面
先看下ST3的界面：
l从上到下：标题栏↓菜单栏↓tab控制栏↓编辑区↓状态栏；
l从做到右：分别是边栏（可关闭）→编辑区→MiniMap
菜单栏
各种命令，各种设置。
Tab栏
很多编辑器都有的，如果文件编辑过未保存，右上角有个小圆点提示保存，如果未保存关了也不用害怕，ST2很贴心，会帮我们自动保存。
编辑区
这是我们主要的工作区域，ST2支持代码自动缩进，代码折叠功能。
介绍几个常见的功能：
l自动完成：自动完成的快捷键是Tab和Enter，如果在html文件中，输入cl按下tab或Enter，即可自动补全为class=””；加上zencoding后，更是如虎添翼，后面再讲到。
l多列编辑：按住ctrl点击鼠标，会出现多个闪烁的光标，这时可同时修改多处
或者按住鼠标中键拖拽，
l代码注释功能：ctrl+/、ctrl+shift+/分别未行注释和块注释，再按一下就能去掉注释，ST3能够自动识别是html、css还是js文件，给出不同类型的注释。
l行操作：ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行，ctrl+enter，光标后插入空行，ctrl+d选择相似，可以参考后面的快捷键列表。
l右键功能：
前3个，大家都知道，第4个，show unsaved changes，显示未保存的修改，红色减号表示删去的内容，绿色加号表示新增的内容
Open Containing Folder…，打开包含此文件的文件夹，这个很方便找到相关的文件。
Copy File Path，复制文件路径，方便我们复制路径到浏览器中查看。
l人性化设计：从ST2开始就有很多设计细节还是值得称赞的，比如点击一个标签或者括弧，会在起始处显示下划点线，方便看清代码结构，每一层嵌套代码间都有竖线，起到视觉辅助的作用。选中某个词还会给其他地方相同的词加上方框。另外还有代码折叠功能。
三、设置
ST3的设置只有两个选项，分别是系统设置和快捷键设置。
一般我们修改设置的话，最好复制出来在user里修改，以免以后升级default被覆盖掉。
l Settings：在此文件里，可以修改很多东西，比如主题，字体，字号，是否显示行号、自动缩进、自动完成。很多都默认选中了，我另外修改了几处地方：
always_show_minimap_viewport——默认显示缩略图
draw_minimap_border——显示缩略图边框
font_size——字号
l Key Bindings：快捷键设置，ST3的快捷键很多，改的时候注意不要覆盖了。因为快捷键众多，所以有下面这种组合快捷键，先按下ctrl+k，松开k，再按下j就可以展开全部折叠代码了。
此处插入图片
l主要快捷键列表
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上一个书签
四、扩展
ST3是支持插件扩展的，首先，我们需要安装Package Control，我会另外发文章介绍。
插件推荐（由于ST3使用python3语言开发，而目前大部分插件还是python2.x，所以暂时有些插件会用不了或会有所改变，请等待更新）：
l ZenCoding：前端必备，快速开发HTML/CSS，现已更名为Emmet。
输入 div.wrapper>div.header+div.main+div.footer按下Tab，立刻变成
或者按下ctrl+alt+enter，激发zencoding控制台，可看到整个动态的过程。
l JsFormat，格式化js代码，这个插件很有用，我们有时在网上看到某些效果，想查看是怎么实现的，但是代码被压缩过，很难阅读，不用怕，用ST3打开，按下快捷键，即可让代码还原，莫非是武林中失传已久的“还我靓靓拳”。
l Tag格式化标签，让乱七八糟的代码，瞬间整齐清晰。
l BracketHighlighter，括弧高亮显示。
l Clipboard History，剪切板历史，可以保存多个复制信息，按下ctrl+alt+v，可以选择历史剪切板。
l Goto-CSS-Declaration，跳转到css文件该class的声明处，方便修改查看，如图下所示，注意对应的css文件要同时打开才行。
l SCSS，支持scss的语法高亮，里面附带了好多CSS Snippet，无论现用或者改造成，都可节省不少时间。
还有很多插件，jquery语法提示，jsHint等等。
五、结语
Sublime Text 3是一款不错的代码编写工具，有好看的ui，人性化的细节设计，全面的功能和扩展机制，如果你还没用过，请试一下，不会让你失望的。另外，希望ST3以后能完美支持中文。
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！