首页 > 代码库 > sublime常用插件总结

sublime常用插件总结

  • Browser Refresh

描述:通过一个快捷键可以实现保存文件,切换到浏览器并自动刷新浏览器来查看更改结果。

在线安装:ctrl+shift+P;install package;browser refresh;

成功安装后会出现一个文件;

To complete the installation make sure you add the necessary key bindings.
  Go to "Preferences" > "Package Settings" > "Browser Refresh" > "Key Bindings - User"
  in the menu and add the following:
   
  [
    {
      "keys": ["super+shift+r"], "command": "browser_refresh", "args": {
        "auto_save": true,
        "delay": 0.0,
        "activate": true,
        "browsers" : ["chrome"]
      }
    }
  ]

默认的快捷键:super+shift+r;可修改。

  • BracketHighlighter

描述:BracketHighlighter 是一款Sublime下匹配标签高亮的小插件,可以把匹配到的如 {}、()、”、””等对应的符号或者标签高亮显示。

在线安装:ctrl+shift+P;install package;BracketHighlighter;

调用方法:选中标签即可显示

  • AutoFileName

描述:一款在 Sublime Text 中可以自动补全文件路径及名称的插件。没有这个插件之前,如果我们要输入文件的路径,就需要凭自己的记忆来输,但是你能确保记得正确吗?能否记得图片是 jpg 还是 png 吗?想更快的输入文件名吗?那么,你肯定需要这款插件!

在线安装:ctrl+shift+P; install package; AutoFileName;

调用方法:<img src="http://www.mamicode.com/" />

  •  HTML-CSS-JS Prettify

 描述:从名字中就可以看出,这是一款美化 HTML 、CSS、JS及Json代码的插件。需要注意的是,必须先安装 Node.js

在线安装:ctrl+shift+P; install package; HTML-CSS-JS Prettify;

调用方法: 右键–“HTML/CSS/JS Prettify”–“Prettify Code”

  • Emmet

描述:Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

在线安装:ctrl+shift+P; install package; Emmet;(在css文件里操作)

 

sublime常用插件总结