SublimeText插件使用注意事项

2016.5.17 - 南京 SublimeText

缘起:要给网站添加一个返回顶部的功能,然后网上找了一个javascript代码,然后想直接在首页的html内测试,然后就把代码直接粘贴到首页了,是这样的

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">    
  </head>
  <body>
    
    <div class="container">
      ......
    </div>   
    
    <div id="backtotop" title="返回顶部" class="backtotop">
      &nbsp;&nbsp;</div>
    <script type="text/javascript">
    function goTopEx() { 
    var obj = document.getElementById("backtotop"); 
    function getScrollTop() { 
    return document.documentElement.scrollTop + document.body.scrollTop; 
    } 
    function setScrollTop(value) { 
    if (document.documentElement.scrollTop) { 
    document.documentElement.scrollTop = value; 
    } else { 
    document.body.scrollTop = value; 
    } 
    } 
    window.onscroll = function() { 
    getScrollTop() > 0 ? obj.style.display = "": obj.style.display = "none"; 
    } 
    obj.onclick = function() { 
    var goTop = setInterval(scrollMove, 10); 
    function scrollMove() { 
    setScrollTop(getScrollTop() / 1.1); 
    if (getScrollTop() < 1) clearInterval(goTop); 
    } 
    } 
    } 
    </script>
  </body>
</html>

这格式非常不可读,一秒都不想看下去了,想起了预装过的JsFormat插件,于是乎就想,把代码选中,然后用这个插件来把代码格式化,但是找遍了右键和工具栏的功能,就是没有格式化的选项,也在Preferences->Package Settings->JsFormat->Key Bindings - Default查看了一下,快捷键是ctrl+alt+f,试过也是不行,无奈只能上网找一下解决方案,最后在这里发现了别人使用JsFormat的方式是在.js文件里面使用的,然后我也看了JsFormat github的说明,第一句话就是

About

JsFormat is a javascript formatting plugin for Sublime Text 2. It uses jsbeautifier to format whole js or json files, or the selected portion(s).

顿时恍然,whole js or json files,所以在安装插件或者在使用插件的时候,还是要看官方的README.md文件,这可能会为自己节约很多时间。

更新列表:

参考文章:

相关阅读