Sublime10个常用插件

  • 10. Package control

    • Package control是必装插件，所有其他的插件和主题都可以通过它来安装。希望它能出现在正式版默认包中。

    首先参照下面的教程来安装Package Control：

    • 如何安装Package Control

    9. Bracket Highlighter

    用于匹配括号，引号和html标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效。

    8. DocBlockr

    DocBlockr可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++。

    使用方法

    按下Enter或者Tab键，代码自动变成

    7. SideBar Enhancements

    这个插件改进了侧边栏，增加了许多功能：将文件移入回收站，在浏览器中浏览，将文件复制到剪切板。

    6. Prefixr

    由于CSS3和HTML5的W3C规范都尚未统一，各大浏览器对标准的支持还是有差异的。所以在编写CSS3代码还需要针对不同的浏览器写一堆的CSS3代码前缀。Prefixr插件能将CSS3代码自动生成跨浏览器CSS代码。

    使用方法


    1

    2

    3

    4


    .box
    {

         
          border-radius:  
          10px  
          ;

         
          box-shadow:  
          0  
          0  
          5px  
          rgba(  
          0  
          ,  
          0  
          ,  
          0  
          ,.  
          4  
          );

    }

    按下control
    + command + X    （Mac）或者 ctrl
    + Alt + X    （Windows），会转换成：


    1

    2

    3

    4

    5

    6

    7

    8

    9


    .box
    {

         
          -webkit-border-radius:  
          10px  
          ;

         
          -moz-border-radius:  
          10px  
          ;

         
          border-radius:  
          10px  
          ;

         
          -webkit-box-shadow:  
          0  
          0  
          5px  
          rgba(  
          0  
          ,  
          0  
          ,  
          0  
          ,.  
          4  
          );

         
          -moz-box-shadow:  
          0  
          0  
          5px  
          rgba(  
          0  
          ,  
          0  
          ,  
          0  
          ,.  
          4  
          );

         
          box-shadow:  
          0  
          0  
          5px  
          rgba(  
          0  
          ,  
          0  
          ,  
          0  
          ,.  
          4  
          );

    }

    5. Emmet(Zen Coding)

    大名鼎鼎的Zen Coding改名作Emmet啦，Zen Coding的Sublime Text 2插件也不再更新，现在整个项目搬到了Emmet了。仅仅需要一行代码就能快速生成html代码。


    1
    ul#nav>li.item$*4>a{Item
    $}

    你只需要按下control
    + E    ，代码就会自动展开成：


    1

    2

    3

    4

    5

    6


    <  
          ul  
          id  
          =  
          "nav"  
          >

          
          <  
          li  
          class  
          =  
          "item1"  
          ><  
          a  
          href  
          =  
          ""  
          >Item
    1</             a  
          ></  
          li  
          >

          
          <  
          li  
          class  
          =  
          "item2"  
          ><  
          a  
          href  
          =  
          ""  
          >Item
    2</             a  
          ></  
          li  
          >

          
          <  
          li  
          class  
          =  
          "item3"  
          ><  
          a  
          href  
          =  
          ""  
          >Item
    3</             a  
          ></  
          li  
          >

          
          <  
          li  
          class  
          =  
          "item4"  
          ><  
          a  
          href  
          =  
          ""  
          >Item
    4</             a  
          ></  
          li  
          >

    </  
          ul  
          >

    还没试过的童鞋一定要试一下，体验一下Emmet的神奇功能吧。

    4. Git

    Git是我最喜欢的版本控制系统，如果你每天要使用Git，那这个插件对你来说必不可少了。

    使用Package Control下载后，你只需要调出命令面板，输入Git，便能找到所有常用的功能。

    3. JSLint

    JSLint是一个Javascript代码质量检测工具。它可以告诉你代码的什么地方需要改进。虽然你也可以在网上检测，但这个插件能让你不打开浏览器，直接在Sublime里面检测。

    使用方法

    按下Shift
    + Command + P    (Mac)或是Shift
    + Ctrl + P    (Windows)调出命令面板，找到JSLint:
    Run JSLint    ，按下Enter，JSLint会输出结果到状态栏。

    2. Sublime Linter

    这个插件帮你找到代码中的错误。它支持很多语言：PHP, Python, Java, CoffeScript, CSS, HTML, JavaScript, Perl, PHP, Python, Ruby, XML等。Javascript需要安装Node.js引擎，其他配置详见项目主页。强烈推荐安装。

    1. Sublime CodeIntel

    Sublime CodeIntel是我最喜欢的插件，它提供了很多IDE提供的功能，例如代码自动补齐，快速跳转到变量定义，在状态栏显示函数快捷信息等。

    它支持的语言有：PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3.

    虽然有时候有点小问题，但真的能节省很多时间。强烈推荐安装。

    0. Dayle Rees颜色主题

    尽管Sublime自带的颜色主题已经够棒了，但也有审美疲劳的一天，这时，你可以下载Dayle Rees主题，有多款主题可选。

    本文链接： http://www.ladyloveit.com/sublime/developers-commonly-used-10-sublime-text-plugin/

    时间： 2024-08-30 07:12:33

    Sublime10个常用插件的相关文章

    ElasticSearch之常用插件安装命令

    #head监控安装,推荐 bin/plugin -install mobz/elasticsearch-head #bigdesk集群状态,推荐 bin/plugin -install lukas-vlcek/bigdesk #marvel监控安装 bin/plugin -i elasticsearch/marvel/latest #es-sql安装,网页内有详细说明 https://github.com/NLPchina/elasticsearch-sql #jdbc-river安装(rive

    Sublime Text 3 常用插件以及安装方法(转)

    Sublime Text 3 常用插件以及安装方法(转) http://www.cnsecer.com/460.html 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助.麻烦动下手点下页面的广告吧,谢谢! 直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Package Control组件安装 也可以安装package co

    notepad++和sublime 常用插件及主题

    sublime: 常用主题有: Pastels on Dark Monokai Zenburnsque 常用插件有 Anaconda Package Control Side Bar ConvertToUTF8 AutoPEP8 Terminal SublimeREPL Emmet Jedi Package Control安装方法: #python 3 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp =

    Notepad++前端开发常用插件介绍

    Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Coding,一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件,是前端开发神器.它无视了编辑器的自动提示和自动完成,秒杀了你自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验.现在可以在Notepad++

    Eclipse3.7常用插件

    首先声明我是用的Eclipse版本是V3.7 ========================================================================== 一.Jode反编译插件 需要下载的资源 1.net.sf.jadclipse_3.3.0.jar----http://prdownloads.sourceforge.net/jadclipse/net.sf.jadclipse_3.3.0.jar?download 2 .jad.exe -------h

    Vim常用插件——前端开发工具系列

    作为一名开发者,应该对编辑器之神Vim与神之编辑器Emacs有所耳闻吧.编辑器之战的具体细节有兴趣的童鞋可以google之. Vim最大的特点是打开速度快,功能强大,一旦掌握了其中的命令,编程过程双手就不需要离开键盘了. 用习惯了Vim的另一个好处是在linux下可以很轻松地用vi来处理文件,当然emacs也可以做默认编辑器,但是不是每台机器都有安装Emacs. 今天主要给大家介绍Vim在前端领域的一些常用插件: 1.mark.vim mark.vim主要的功能是变量的高亮. 选中要高亮的词,使

    Sublime 常用插件简介

    Sublime   常用插件简介 emmet: 前端必备神器.花个十几分钟学下Emmet语法 ,就可以极大提高web开发者HTML和CSS工作效率啦.一句话,牛逼---必备 CSS3: CSS3语法高亮.CSS语法提示,但是浏览器的私有属性不会高亮.     -----必备 CSS Extended Completions: 提示css文件(包括关联进来的)中的类名,非常好用. JavaScript Completions javascript原生语法提示, jQuery 提供了jQuery的A

    Sublime Text3快捷键以及常用插件

    工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我们聊聊Sublime Test sublime text值强大是因为他的插件,提到Sublime Text插件安装,就不得不提Package Control,装sublime text第一件事就是装Package Control,它是 Sublime Text 的包管理器,你用它可以轻松地找到你想要

    Atom编辑器的安装及常用插件

    一.atom安装: github安装链接:https://github.com/atom/atom Debian Linux (Ubuntu) Currently only a 64-bit version is available. Download atom-amd64.deb from the Atom releases page. Run sudo dpkg --install atom-amd64.deb on the downloaded package. Launch Atom u