29个常用 Sublime Text 插件推荐

来源:互联网 作者:佚名 时间:06-18 09:27:55 【大 中 小】

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。

trimmer在edit可以随便清除首尾空格,首空格会坏了锁进

gotocssjs {

"keys": ["super+alt+."], "command": "goto_css_declaration",

"args": {"goto": "next"}

},

{

"keys": ["super+alt+,"],  "command": "goto_css_declaration",

"args": {"goto": "prev"}

super

}对应的是向左向右比goto更方便一点

cssformat可以选中之后再饿地图中选择多种格式在edit中找

htmlbeautify.jsformat 快捷键均是ctrl+shift+alt+f

f应该是format 前者view 即可。后者选中之后右键即可找到

1.Package Control:插件包管理工具

2.Soda:一个流行的主题,包含代码着色、标签、图标

3.Emmet:流行的Html编写插件,是zed code升级版包含css编写

4.SublimeLinter:行内高亮语法

5.Html5:html5捆

6.SideBarEnhancements:一个左边栏增强

7.SublimeCodeintel:一个代码智能提示引擎

8.Alignment:Js代码对其插件

9.BracketHighlighter:代码对其线高亮

10.Git:git的支持插件

11.jQuery:jQuery插件

12.Prefixr:Prefixr Api支持,Prefixr是一个生成css3兼容性的api

13.Css(Less):内部提供了Less的支持,可以书写Less代码

14.Less:一个Less语法高亮插件

15.JsFormat:js 格式化插件

16.CoffeeScript

17.Sass

18.Tag

19.DocBlockr:帮助简单书写各种语言的注释快

20.jQuery Snippets pack

21.AdvancedNewFile:增强的创建文件插件

目前只能通过ctrl+shift+alt+n直接写好路径建立文件而不是ctrl+shift+n

22.ColorPicker:一个内置的调色板选择插件

23.EnCodingHelper:一个把其他文档编码格式转换为UTF-8格式的插件

24.LiveReload:网页浏览器页面重新加载插件

25.Terminal:从当前位置打开终端

26.FileDiffs:文件对比

27.Pretty JSON:格式化出漂亮的json

28.NodeJS:代码着色

sublime_autoprefixer

功能:CSS添加私有前缀

简介:CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题

使用:Ctrl+Shift+P,选择autoprefixer即可。需要安装node.js。

其他设置如快捷键请参考:https://sublime.wbond.net/packages/Autoprefixer

alignment

功能:”=”号对齐

简介:变量定义太多,长短不一,可一键对齐

使用:默认快捷键Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本

autofilename

功能:快捷输入文件名

简介:自动完成文件名的输入,如图片选取

使用:输入”/”即可看到相对于本项目文件夹的其他文件

ctrl+/快速注释

ctrl + n 打开一个新页面
ctrl + tab 在两个页面之间切换
ctrl + j 合并一行
ctrl + ] 缩进
ctrl + [ 缩退
ctrl + l 选择当前行
ctrl + c 拷贝

ctrl + w直接关闭当前文档
ctrl + v 粘贴
ctrl + enter 在当前行下方添加一行
ctrl + shift + enter 在当前行上方添加一行
ctrl + z 撤消操作
键盘右键 向右移动(粒度为一个字母)
alt + 键盘右键 向右移动(粒度为一个单词)
ctrl + 键盘右键 向右移动(粒度为一段)
alt + shift + 键盘右键/左键 选择内容
ctrl + a 全选
shift+右键,即可块状选择,出现多行光标

escape 退出多行编辑
ctrl + shift + p 打开命令面板
Reindent Lines 调整缩进
Key Bindings - Uer 设置快捷键
粒度。箭头键,本来是一次一个字符,ait+箭头是一次一个单词。ctrl+箭头也是粒度变大。

ctrl+shift+箭头变成了选择

单shift+箭头也可以,为知笔记等大量软件中也可以,没鼠标时候的快速用法。

箭头向上的时候shift+箭头是选择。+ctrl吧那一行上移了
如何查找精确的命令名:

  • Ctrl+鼠标左键 可以同时选择要编辑的多处文本
  • Shift+鼠标右键(或使用鼠标中键)可以用鼠标进行竖向多行选择

ctrl + ` 打开工作台
sublime.log_commands(True) 执行命令
ctrl + shift + p 打开命令面板
Reindent Lines 执行命令
esc 退出

快捷键

强大的快捷键,提高你的编码效率。

常用快捷键
  • CTRL+N:新建文件
  • CTRL+w:关闭文件
  • CTRL+O:打开文件
  • CTRL+Z:撤销
  • CTRL+Y:撤销还原
  • CTRL+F:查找
  • CTRL+H:替换
  • Esc:小工具窗口隐藏
编码快捷键
  • Ctrl+Shift+P 打开命令面板,如设置编码语言
  • Tab:缩进、自动完成
  • Shift+Tab 去除缩进
  • Ctrl+J 合并行(已选择需要合并的多行时)
  • Ctrl+T 词互换
  • Ctrl+U 软撤销
  • Ctrl+K Backspace 从光标处删除至行首
  • Ctrl+KK 从光标处删除至行尾
  • Ctrl+K+T 折叠属性
  • Ctrl+K+U 改为大写
  • Ctrl+K+L 改为小写
  • Ctrl+K+0 展开所有
  • Ctrl+Enter 插入行后(快速换行)
  • Ctrl+Shift+/ 注释已选择内容
  • Ctrl+Shift+↑可以移动此行代码,与上行互换
  • Ctrl+Shift+↓可以移动此行代码,与下行互换
  • Ctrl+Shift+[ 折叠代码
  • Ctrl+Shift+] 展开代码
  • Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
  • Ctrl+Shift+A 选择光标位置父标签对儿
  • Ctrl+Shift+D 复制光标所在整行,插入在该行之前
  • Ctrl+Shift+K 删除整行
  • Ctrl+Shift+L 鼠标选中多行(按下快捷键),即可同时编辑这些行
  • Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)
  • Ctrl+Shift+Enter 光标前插入行
  • Ctrl+PageDown 、Ctrl+PageUp 文件按开启的前后顺序切换
  • Ctrl+鼠标左键 可以同时选择要编辑的多处文本
  • Shift+鼠标右键(或使用鼠标中键)可以用鼠标进行竖向多行选择
查找快捷键
  • CTRL+P:查找当前项目中的文件和快速搜索,快速查找标签位置
  • Ctrl+P输入 @ 查找文件主标题/函数;或输入:跳转到文件某行
  • CTRL+G:跳转到指定行
  • CTRL+F:查找
  • Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)
  • Ctrl+L 选择整行(按住-继续选择下行)
  • Ctrl+M 光标移动至括号内开始或结束的位置
  • Ctrl+R 快速列出/跳转到某个函数
  • ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找
其他快捷键
  • Ctrl+K+B 开启/关闭侧边栏
  • Ctrl+Tab 当前窗口中的标签页切换
  • Ctrl+F2 设置书签
  • Shift+F2 上一个书签
  • Alt+Shift+1(非小键盘)窗口分屏,恢复默认1屏
  • Alt+Shift+2 左右分屏-2列
  • Alt+Shift+3 左右分屏-3列
  • Alt+Shift+4 左右分屏-4列
  • Alt+Shift+5 等分4屏
  • Alt+Shift+8 垂直分屏-2屏
  • Alt+Shift+9 垂直分屏-3屏
  • Alt+. 闭合当前标签
  • Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑
  • Tab 缩进 自动完成
  • F2 下一个书签
  • F6 检测语法错误
  • F9 行排序(按a-z)
  • F11 全屏模式
  • findadvanced 可以在整个文件夹中进行查找,特别方便。找到之后。F4进行查找,下一个并可以,shift+F4是上一个。或者鼠标双击它直接查找到并进入。
  • gotoanything 快速查找文件/字符串
    "文件名+特殊符号"的形式进行文件内字符串查找的操作
    showhtml:10(要编辑的行号)
    @在当前打开文件内的定位操作
    文件名@ 在查找的文件中定位相关的函数
    # 当前打开文件内的定位操作
    专门的字符串操作 Ctrl+F ctrl+shift+F esc 编辑找到的当前字符串节点
    Ctrl+Alt+F 查找并替换
    Ctrl+D 在查找到的字符串中进行选中操作,多次按下,从当前节点依次从上到下选中同名字符串
    文件夹层级的操作 匹配项会在专门的页面罗列出 F4进行节点选中后进入对应文件内容操作
    Shift+F4 上一个文件内容的匹配
    光标跳回操作 Ctrl +"-"

    注意:各操作系统,使用的快捷键不一样。来源: <http://www.imooc.com/video/6398>

sublime前端插件以及常用快捷键的更多相关文章

  1. visual studio code前端插件及常用快捷键【转】

    通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检 ...

  2. Sublime Text 2 安装emmet插件和常用快捷键

    一.先安装package control1.按Ctrl+`调出console,输入以下命令然后回车 import urllib2,os; pf='Package Control.sublime-pac ...

  3. Sublime Text 插件之常用20个插件

    作为一个开发者你不可能没听说过 Sublime Text.不过你没听说过也没关系,下面让你明白. Sublime Text是一款非常精巧的文本编辑器,适合编写代码.做笔记.写文章.它用户界面十分整洁, ...

  4. Visual Studio 的插件及常用快捷键_ 系统Ubuntu16.04

    安装在 Ubuntu 的系统上 1, 常用的快捷键 [1] 调出终端: Ctrl + `(反引号); [2] 调出插件安装界面: Ctrl + P (打开插件面板) ---> 输入  ext i ...

  5. Sublime Text 3 Mac常用快捷键与注意事项

    大多数情况下容易忘记的快捷键,在此整理了一下. 编辑快捷键:cmd+L:选择行(重复按下将下一行加入选择):cmd+D:选择词(重复按下时多重选择相同的词进行多重编辑):cmd+shift+D 复制光 ...

  6. 推荐使用sublime text 3 以及常用快捷键

    vim这种上古神器,需要学习.记忆.折腾.比如我的初衷是要开发php的,连php都没专研透,哪有精力去折腾vim这玩意. 当然,vim绝技练成以后,配置成各种IDE都不是问题,还有你手速会飞起来. 但 ...

  7. VS Code前端开发利器-常用快捷键

    1.Ctrl+N ,新建文件,新建文件后需要先进行保存(Ctrl+S)并设置文件扩展名: 2.! +Tab,快速创建H5框架,文件扩展名必须为html: 3.Ctrl+Shift+P ,调出命令列表, ...

  8. ps前端切图常用快捷键

    一.新建文件:预设-自定:宽度1920,单位像素,高度自定义:分辨率:72像素/英寸:颜色模式:RGB,8位:背景色:透明:可存储预设,下次新建的时候,直接在预设中,选择那个名称,点确定.视图:显示- ...

  9. sublime前端开发工具常用技巧

    ctrl+N//新建文件夹ctrl+shift+p//打开命令行!,ctrl+E//快速生成html模板ctrl+E//自动补齐ctrl+P(#@)//goto 任何地方,其中#查找元素,@查找样式c ...

随机推荐

  1. RTP Payload Format for Transport of MPEG-4 Elementary Streams over http

    1.SDP (1)Http Request GET /getSdpForUrl?HttpUrl=nphMpeg4/g726-640x480 HTTP/1.0/r/n Host: 58.63.71.90 ...

  2. PHP/Javascript 数组定义 及JSON中的使用 ---OK

    PHP数组定义 一维数组: 1.$a=array(1,2,4,5,6); 2.$a= Array("cec"=>"cecValue","logo ...

  3. PHP正则匹配中文汉字注意

    preg_match('/^[a-zA-Z\x{4e00}-\x{9fa5}]+$/u', $str) 如上,是匹配字母或者汉字的,一定要在后面加模式修饰符 u , 不然就出错! u (PCRE_UT ...

  4. Broken robot

    题意: 要在$nm$的矩阵中从 $(i,j)$ 处移动到第 $n$ 行,每次移动可在不动.左移一格.右移一格.下移一格 4 种选择中等概率随机选一种,但移动不能超出矩阵.求移动次数的期望,最少保留4位 ...

  5. web.xml报错Cannot resolve class 'StrutsPrepareAndExecuteFilter' (idea创建SSH项目)

    原因: xwork-core.jar包已经合并到struts2-core.jar下,并且点开jar包,发现没有 org.apache.struts2.dispatcher.ng.filter.Stru ...

  6. linux使用curl进行WebService接口测试

    参考 :linux使用curl进行接口测试 使用curl 命令模拟POST/GET请求 Linux命令发送Http的get或post请求(curl和wget两种方法) curl 模拟 GET\POST ...

  7. A - Toy Cars

    Time Limit:1000MS     Memory Limit:262144KB     64bit IO Format:%I64d & %I64u Description Little ...

  8. html和xml的区别

    一.HTML HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言. 二.XML XML即ExtentsibleMarkup Language(可扩展标记语 ...

  9. python 内置函数的补充 isinstance,issubclass, hasattr ,getattr, setattr, delattr,str,del 用法,以及元类

    isinstance   是 python中的内置函数 , isinstance()用来判断一个函数是不是一个类型 issubclass  是python 中的内置函数,  用来一个类A是不是另外一个 ...

  10. STL树

    前几天觉得STL中没有树和图真是一种莫大的遗憾啊,但是在网上搜了搜,发现其实可以用容器很简单的构造树. 还是废话少说上代码: struct TreeNode{ DataType data; // Da ...