sublime text3的几点技巧

最新推荐文章于 2019-12-27 08:33:45 发布

jiandanokok

最新推荐文章于 2019-12-27 08:33:45 发布

阅读量3.1k

点赞数

分类专栏：工具文章标签： sublime

本文链接：https://blog.csdn.net/jiandanokok/article/details/42489239

版权

工具专栏收录该内容

3 篇文章 1 订阅

订阅专栏

本文介绍了Sublime Text3的一些实用技巧，包括它的优点、常用快捷键、转到任何位置、命令面板、Emme插件、插件管理、Snippets模板编程、DocBlokr注释增强、Lint语法校验以及侧边栏增强插件SideBarEnhancements，帮助提升编程效率。

摘要由CSDN通过智能技术生成

Sublime text3的几点技巧

一开始我编程用的不是sublime text，用DW和Notepad++，那是在开发关于ThinkPHP的时候，由于文件多且比较杂，用DW一个个打开确实不够方便，然后一次偶然的机会看到视频教程的一个大神(参考了GreenBoots的视频教程：http://www.imooc.com/learn/40)在用sublime text编辑器，主要是看中左边有文件夹目录、多行注释而且界面也是很不错，但是大神用的是mac os操作系统，我以为windows没有这个软件，就去百度一下，是跨平台的，然后就开始用这个sublime text了，随着时间的推移，对这款软件是越来越爱不释手，功能很多很强大，目前最新的版本是sublime text3，但是是beta版本，稳定版是2。Sublime text3可以查看图片，2不行。

1. Sublime的几点优点：可以随时保存，就算你不保存关掉然后下次打开还是在的；自动识别多种编程语言并且高亮；强大的插件中心；代码自动完成功能；多行编辑；支持模糊输入（比如说想输入background-color可以直接输入bgc即可）等。

2. 快捷键（几个常用的）

新建文件：Ctrl + N

删除光标所在行： Ctrl + shift +K（不用选择整行）

复制光标所在行，插入在该行之前：Ctrl + shift + D

注释：Ctrl + /（自动识别语言并注释，可以选择多行进行注释）

插入行后：Ctrl + Enter（不需要移动光标到行末然后回车）

插入行前：Ctrl + shift +Enter

查找：Ctrl + F（按Enter继续找下一个）

替换：Ctrl + H

粘贴：Ctrl + shift + V（带有缩进，普通的粘贴是不带缩进的）

缩进：Ctrl + }（跟Tab一样，可以多行缩进）

展开选择整行：Ctrl + L

展开选择单词：Ctrl + D（敲入一次会选中这个单词，敲入两次会选中第二个位置的同一个单词，同时会有两个光标在单词后面，意味着可以同时进行编辑操作，比如说换行，空格，删掉都可以的，同样的可以选择第三个---，但是如果想跳过其中的一个的话，可以敲入Ctrl + K，然后继续Ctrl + D就可以跳过其中的一个，这个就是多行编辑。）

3. 转到任何（Ctrl + P）

在菜单栏-转到里面有个转到任何指令，快捷键是Ctrl + P，

这个命令不仅可以输入index.php或indexphp或index（支持模糊搜索）跳到当前目录的index.php，也可以输入wordpress/wp-content/themes/dt-the7/index来跳到wordpress/wp-content/themes/dt-the7的index.php，其实这个不算是强大的地方，强大的地方是内部检索，输入@之后，比如我在function.php里面打开“转到“，然后输入@之后，会出来function.php里面定义好的各种function，如图；

然后你可以在@之后，输入你想找到的函数就可以立即定位到那个函数的位置。如果是css文件的话，输入@之后会出现属性选择器，如图，出现定义好的css属性，然后我们就可以继续属性了。

比如说输入@body，就会定位到body的属性选择那里，也可以两者结合起来，也就是说可以输入wordpress/wp-content/ie.css@body。另外也可以输入：20，那样的话会跳到第20行那里，还有一个是#，输入#body，会跳到有body的地方，类似于查找了。

4. 命令面板（Ctrl + shift + P）

在菜单栏-工具里面有个命令面板，快捷键是Ctrl+shift+P，这个命令面板很强大，几乎所有的sublime操作都可以在这里找到，比如说当前文件想识别成js语言，可以用set syntax命令，输入set syntax javascript（也可以模糊搜索ssjs或者是js）就可以切换到javascript语法，比如说安装新的插件可以用pci，查看插件用pcl，禁用右侧的缩略图（搜索MiniMap）等。

5. Emme插件（Ctrl + E）

每次写个html文件，都得写<html><head><title><body>等这些必需的固定的标签，其实sublime text有个强大的插件，可以省去写这些标签的。打开命令面板，输入pci，输入emme，然后安装，好了之后。我们ctrl + N新建一个文件，然后输入！，然后快捷键Ctrl + E，就会出来html5基本标签而且光标还定位到title标签之间，之间编辑即可，“！“代表html5，如下图所示。

还可以你写入html然后在行末敲入快捷键Ctrl+ E，会出来<html></html>，会自动替你完成加上标签和闭合标签。也可以这样，你输入h2{this is a title}然后在行末敲入快捷键ctrl + E，就会出来<h2>this is a title</h2>自动帮你闭合标签。

Emme插件最强大的地方是这样，你可以这样输入：

ul> .item$*8 然后行末敲入快捷键ctrl + E ，会出来：

<ul>

<liclass="item1"></li>

<liclass="item2"></li>

<liclass="item3"></li>

<liclass="item4"></li>

<liclass="item5"></li>

<liclass="item6"></li>

<liclass="item7"></li>

<liclass="item8"></li>

</ul>

.item代表class=”item”，$代表数字（从1开始）。用好emme插件可以省去写重复代码的时间和精力。

6. 插件中心

a. 安装新的插件：

先启动命令面板（Ctrl + shift + P），然后输入pci（完整是Package Control：Install Package），就会出来Package Control：Install Package，回车确定，会出来很多插件，找到想要的安装即可。

注意：插件的相关信息可以在官网找到。https://packagecontrol.io/

b. 删掉相关插件：

启动命令面板，然后输入pcrp，出来Package Control：Remove Package。

c. 禁用相关插件：

启动命令面板，然后输入pcdp，出来Package Control ：Disable Package。

7. Snippets以模板的方式编程

a. 在js中输入fun然后回车，会出来

并且function_name是处于选中状态，也就是直接输入即可换掉名字，然后按一下Tab键会跳到argument，同样的argument也是处于选中状态，然后再Tab会跳到body那里。

b. 输入ife，会出来

If (true) {} else{};并且true是处于选中状态。

c. 输入gt，会出来

getElementByTagname(“”)并且Tagname会处于选中状态，Tap可以切换到双引号里面。

d. 想要更精准的操作，比如说输入gei出来的是document.getElementById(“Id”)，比如说可以自动去掉分号等，可以去安装snippets插件，每个语言都有snippets插件，想要js的可以找：javascript snippets。

8. 注释增强插件DocBlokr

安装DocBlokr插件，输入/*然后确定会出来

光标位于中间。

输入/**然后确定会出来

/**

光标也是位于中间。

在function（）前面输入/**然后确定，会出来注释块。

同样的，在var foo变量前输入/**然后确定，会出来：

9. 使用lint插件进行语法及风格校验

Lint插件是一个很牛的插件，可以对各种语法进行校验（前提是装了各种语言的lint插件），比如说分号没有写，虽然这个分号不会报错，但是从严谨的角度来说是要加的，所以这个插件会校验一些语言错误，也可以说是提示引号没有加，或者是==写成=等错误。先安装sublimelinter然后安装sublimelinter-jshint等各种语言插件后，要在本地npm中安装jshint，开始-运行-cmd，在里面输入npm install –g jshint。（如果出现npm命令不存在的话，要先在本地安装node.js，去node.js的官网下载，我用的是windows的版本，下载好了安装即可，估计需要重启一下）安装好了在sublime里面用js写的时候如果有错误在状态栏就会提示的。

10. 侧边栏增强插件sidebarenment

侧边栏可以对文件进行操作。

作者：paul

文章出处：http://blog.csdn.net/jiandanokok/article/details/42489239

本文版权归作者和CSDN共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。

分类: sublime text

标签: sublime