sublime text 学习笔记

最新推荐文章于 2020-05-18 08:57:27 发布

chenrang1975

最新推荐文章于 2020-05-18 08:57:27 发布

阅读量127

点赞数

原文链接：https://my.oschina.net/u/1792405/blog/307306

版权

有人向我推荐sublime text 编辑器，用过一段时间确是只把它当作记事本来用，今天学习了一些入门知识发现我真是浪费了这个编辑神器，话不多说，分享一下学习到的一些知识。

快捷键：

首先，介绍一下快捷键吧，在菜单栏下的各个功能都能找到：

对行的处理：（在菜单栏中Edit下能找到相关条目）

向左缩进：Ctrl+[；
向右缩进：Ctrl+]；（这两个功能可以选择多行同时缩进）
把选中的行与上一行Swich：Ctrl+Shift+up
把选中的行与下一行Swich：Ctrl+Shift+down
删除行：Ctrl+Shift+K
复制行：Ctrl+Shift+D

忽然发现没有必要罗列，菜单栏中的目录里都有，我再就说说几个比较常用的好了：

添加注释：选中内容再Ctrl+/；

行前添加内容：Ctrl+Shift+Enter；

行后添加内容：Ctrl+Enter；

在html里面，关闭标签可用Alt+.来完成，再也不用输入开始标签之后还要再输入结束标签啦。

方便的功能：

下面介绍几个sublime text非常方便的功能：

Goto Anything：
这是一个检索的利器，快捷键是Ctrl+p，要在一个项目中找到想要的文件时，输入所要查找的文件名，再备选项高亮的时候可以预览以便确认是否是自己所要查找的目标，为了更快的查找到所要的文件，可以添加文件的路径，比较人性化的一点是sublime text的模糊匹配，这一点无论是在检索还是输入命令时都能起到很大的便捷作用，只需输入关键字母便可匹配出相关文件或者是命令，在代码补全时也是用的非常爽。
在本文档内检索时，一个是Ctrl+f的搜索，那和其他编辑器的查找没什么两样，但是要使用Goto Anything，会有不一样的效果，这里要用到两个标记：
@：Ctrl+P后输入@则会有本文档一些关键性的选项作为备选项，比如说html中会自动找出各个id，css里会找出各个选择器，javascript中则会找出各个函数，可以快速定位文档的各部分
#：Ctrl+p后输入#亦会找出文档的一些单词来供选择，找出的原理我现在还没弄明白但是也是很方便定位的
多行游标：
这是一个比较炫酷的操作手法，即多行同时编辑，方法也比较多样：
首先，可以选中一个单词，Ctrl+D可以选中下一个同样的词，可以一直ctrl+d直到全部选择完全，也可以Ctrl+k跳过一个不想选择的目标，选择完后就可以同时对多行进行编辑了。
另外还可以按住Shift键同时鼠标右键选取相应列，然后在选择的位置处多行同时编辑。
命令模式：
这也是一个比较使用的功能，Ctrl+Shift+P调出命令栏，和Goto Anything的栏相似，调出命令栏就可以调用相应命令了，主义这里也是支持模糊匹配的，各种命令的使用可以参考相应文档，举个例子，Set Syntax，这是在新建一个文档时用于确定该文档的语法的，比如说JavaScript，html；熟悉了之后将会非常方便。

插件：
1. 插件的安装：
a. 安装插件之前得先装好package control，先Ctrl + “`”,调出命令模式，输入

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

这样回车运行就将package control安装好了，

b.Ctrl+Shift+P调出命令栏后输入“ip”（模糊匹配）调用Package Control: Install Package，在输入你所想安装的插件即可选择安装

插件举例：emmet（相信做前端的童鞋都熟悉），这是一个html代码补全的插件，非常方便

我用这个插件来写html代码，举几个例子好了，输入！然后Ctrl+E，就得到一个html5的基本格式，如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>

一般在输入开始标签后按下Ctrl+E都能补全标签。

关于Emmet插件一个详细的介绍（非常全面）：http://www.iteye.com/news/27580

注：在慕课网学到的相关知识，入门级，比较基础但是很实用，分享给大家，有错误也欢迎指正。

2015.6.6更新：现在发现之前写的文章挺逗的，后来又新写了一篇，资源比较丰富，欢迎大家阅读：前端学习笔记之页面制作（二）——开发环境Sublime Text2（持续更新）

转载于:https://my.oschina.net/u/1792405/blog/307306

chenrang1975

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
sublime text 学习笔记

有人向我推荐sublime text 编辑器，用过一段时间确是只把它当作记事本来用，今天学习了一些入门知识发现我真是浪费了这个编辑神器，话不多说，分享一下学习到的一些知识。快捷键：首先，介绍一下快捷键吧，在菜单栏下的各个功能都能找到：对行的处理：（在菜单栏中Edit下...
复制链接

扫一扫