Sublime Text 3 插件

时间 2019-11-18

标签 sublime text 插件栏目 HTML 繁體版

原文原文链接

1. 文件快速导航：这是sublime上面很好用的功能之一，ctrl+p能够调出窗口，菜单上的解释是gotoanythings ，确实如其所言，调出窗口后，直接输入关键字，能够在已打开的项目文件夹中进行快速文件名导航，并且支持模糊搜索,对于不想一直鼠标点开文件夹的同窗来讲极为方便，而且在该窗口里加上:前缀即为行跳转(ctrl+G)，加上@(ctrl+R)前缀在html里是id 关键字导航，css里是每条规则导航，js里则是每一个function导航。

2. 命令行模式 ctrl+` 能够调出命令行模式(view->show console)，主要支持python语法等，没试用过只知 quit()能够退出。。不过sublime的插件平台package controller能够用命令行安装.

3. Ctrl+Z 撤销 Ctrl+Y 恢复撤销

4. Ctrl+D 选词（按住-继续选择下个相同的字符串）ctrl+F查找是一下选择本页面的所有相同的而后按键盘替换则全替换

5. ctrl+shift+F 默认是在本项目(用得最多的)．也可能来文件夹里查找，与普通编辑不一样的地方是sublime容许添加多个文件夹进行查找(add directory)

6. ctrl+L 选择整行（按住-继续选择下行，即按住ctrl不放按一次L则多选一行）

7. Ctrl+Shift+K 删除整行,Ctrl+KK 从光标处删除至行尾

8. ctrl+/ 单行注释， ctrl+shift+/块注释( 注释已选择内容)，sublime会自动根据语言选择注释方式

9. ctrl+Enter 光标后插入行Ctrl+Shift+Enter 光标前插入行

10. ctrl+F2能够进行增刪标记，而后F2在标记之间切换，Shift+F2 上一个书签.这里不爽的是没法进行鼠标添加标记

11. 在菜单View-syntax下能够将当前面面以指定的语言进行语法高亮，一般状况下sublime会自动进行判断选择

12. snippets 代码片断插件，在tools-snippets菜单下能够查看当前页面支持的snippets，能够在缩略词后加tab自动补全snippets， snippets也能够从安装插件进行扩展

13. Build编译，能够进行ruby等代码的编译，我安装了一个yui compressor后，就能够在css js页面里进行压缩，快捷键是ctrl+B, 会自动在当前目录下生成xx.min.js, xx.min.css等压缩文件

14. 在菜单Preferences 下面是各类配置文件，sublime与其余编辑器不一样的是，他不提供可视化配置，软件的配置及快捷键配置全都是存在.xml文件里手动配置，Settings-default 是系统默认配置，最好不要改，要改动的东西存放在Settings-User里，好比font-　　　size等， Key-bindings是快捷键配置, color scheme是代码配色方案选择，sublime自己提供了不少很不错的配色方案

15. 在页面右下角，有快速设置tab转为spaces的菜单，能够指定页面的tab宽度，也能够将页面全部tab转为指定的spaces格数

16.其它快捷键

ctrl+[ 和 ctrl+]（已改为我习惯的快捷键）.

ctrl+up, ctrl+down能够一行一行的滚动屏幕，

pageUp pageDown一页一页翻动

ctrl+shift+a 能够HTML标签内容，每按一次逐级往上，

ctrl+shift+space能够选择js等语言里的块{内容},

Ctrl+Shift+D 复制光标所在整行，插入在该行以前

Ctrl+J 合并行（已选择须要合并的多行时）

Ctrl+KU 改成大写

Ctrl+KL 改成小写

Ctrl+M 光标跳至对应的括号(BracketHighlighter插件作得更好)

Ctrl+Shift+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 从光标处删除至行首

17 添加智能代码块提示 Tools->new snippet (mac机下保存后缀要为.sublime-snippet )

content：放代码必须放在CDATA里，$1表明光标位置，方便编辑类名 tabTrigger：快捷键 scope: 响应范围能够是 html css js文件等 description：代码描述在输入快捷键的时候提示框内的介绍描述文字

接下来介绍一下sublime的亮点，插件机制：(装完了全部的插件都要重启软件)

sublime插件能够经过两种方式进行插件安装，

一种直接下载全部源码放置到C:\Users\yourName\AppData\Roaming \Sublime Text 2\Packages下面，路径能够在软件菜单栏Preferences->Browse Packages查看

一种则能够经过在线安装 package control的方式进行在线安装，package control安装见其官网，就是在控制台里运行以下一段代码，再重启便可：

import urllib2,os; 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())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

　　安装完便可在菜单preferences-package control下打开（这里有个快捷键ctrl+shift+p是编辑器操做的命令集合,能够直接根据关键字索引.），在 package control下 Install Package是安装插件，选择后会连网获取插件列表，disabled package 是禁用某插件，enabled package 启用插件，remove package 移除插件，list package列出插件列表。php

下面介绍几个我以为比较有用的插件，及它的功用吧（安装方法直接package control install 在线搜索安装）：

1. SVN ：生成后右键点击文件或文件夹(这个要钱，若是是windows的话用TorstoiseSVN，这个要先预装TorstoiseSVN)

2. BracketHighlighter ：该插件提供配对标签，或大括号或字符引号的配对高亮显示，算是对系统高亮的增强吧。

3. SublimeTmpl ：

　　自定义新建文件.默认已经添加了html、css、js等常见类型的面板，按ctrl+alt+h/ctrl+alt+c/ctrl+alt+j可新建这3钟类型的文件，快捷键在这里\Packages\SublimeTmpl\Default (Windows).sublime-keymap, 模板文件在这里\Packages\SublimeTmpl\templates，可修改。

4. ctags ：　　

　　这个插件能跨文件跳转，跳转到指定函数声明的地方(ctrl+alt+左键)。使用package control 搜索ctags 进行安装（安装ctags插件就能够了，还有一个 CTags for PHP 插件没什么用）,注意安装好插件后要须要安装ctags命令。window 下载 ctags.exe http://vdisk.weibo.com/s/7QZd7 。将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd，输入ctags，若是有这个命令，证实成功了。ubuntu下安装运行命令：sudo apt-get install exuberant-ctags 。而后在 sublime项目文件夹右键，会出现Ctag:Rebuild Tags 的菜单。点击它，而后会 生成.tags的文件 而后在你代码中，光标放在某个函数上，点击就能够跳转到函数声明的地方。

5. sublimecodeintel ：

　　代码提示。 sublime默认的代码提示只能提示系统函数，用户本身建立的函数、类不能提示。若是想要提示本身创建的函数。能够安装sublimecodeintel插件。(要多输几个字符且大小写敏感才显示,有时不灵) sublimecodeintel 安装后须要配置，文件：插件目录/.codeintel/config 中增长

"PHP": {

       "php": 'D:\SaeServer\php\php.exe',

       "phpExtraPaths": ['D:\SaeServer\php\stdlib'],

       "phpConfigFile": 'D:\SaeServer\apache\php.ini'

   },

　　配置了php执行文件的地址， php的配置文件地址， phpExtraPaths 是额外须要代码提示的类库，除了当前项目下的PHP代码能够提示外 phpExtraPaths中定义的目录下的PHP代码也能提示。安装sublimecodeintel后， 按alt+鼠标左键也能和ctags同样跳转到函数声明的地方。可是若是有两个文件声明了一样名称的函数， sublimecodeintel只会跳转到第一个找到的函数，而ctags会让你选择要跳转到哪一个文件。因此咱们通常仍是用ctags

6. Sublimelint (还有一款SublimeLinter应该差很少)

　　一个支持lint语法的插件，能够高亮linter认为有错误的代码行，也支持高亮一些特别的注释，好比“TODO”它须要一些类库支持好比php的话要 PHP - syntax checking via "php -l" .要把php加到环境变量中便可.在命令行中执行下面语句若是能正常工做便可由于装php的时候已经装了这个库支持因此只要把php加到环境变量便可

The syntax for checking is like this, where the -l flag is a lower case L:

1 php -l filename

If the syntax in the file is correct you will see this:css

1 No syntax errors detected in test.php

If there are errors then theses will be listed as in the following example output:

1 Parse error: syntax error, unexpected T_STRING in test.php on line 5
2 2Errors parsing test.php

7. SFTP 该插件提供ftp服务器管理，用来管理本身的空间很不错，经过配置来操做.安装完后重启软件后在左文件夹右键单击选择Map to Remote...便可会在文件夹下生成sftp-config.json配置便可,用的时候跟SVN同样右键就能够html

8. PHPTity:php代码自动排序．装完了重启后ctrl+alt+t

9. DocBlockr ：该插件提供文件注释，方便后期根据注释生成API文档，输入 “/**” + enter调出 (在function的上面一行才有效果)

10. GBK Encoding Support: sublime自己不支持GBK，根据国情，装下这个插件就能够支持GBK了，同时也提供GBK与UTF之间转换

11. jquery 提供jquery的一些snippets片断，方便直接调用

12. zenCoding 大名鼎鼎的zencoding就不用多解释，调用方式两种，一种是ctrl+alt+enter, 一种是输入完标签直接tab。

13. html5 该插件提供许多 html5相关的标签等snippets，也很是实用。

14. prefixr 提供CSS3属性的浏览器前缀自动填充像-webkit- -moz- -o- -m-, 快捷键：ctrl+alt+x

15. SCSS 支持scss的语法高亮，里面附带了好多CSS Snippet，不管现用或者改形成，均可节省很多时间。

16. JS Minifer 提供js压缩功能，基于GG的closure complier，快捷键：ctrl+alt+M

17. js Format 提供JS格式化功能，快捷键 ctrl+alt+F，会根据

18. yui compressor 这个你们都知道yui的压缩工具，能够压缩CSS JS，直接CTRL+B，便可（须要安装配置了jdk以后才可用）

19. sublime v8 该插件提供jshint 及 v8引擎的js解析器console，jshint是JS语法校验器，较严格， v8则跟chrome里控制台同样。

20. ClipboardHistory：该插件提供多剪贴板支持，你就能够同时保存多个剪贴板里的内容了，ctrl+alt+v快捷键调出