文档章节

Sublime_10个常用插件

喵王不瞌睡
 喵王不瞌睡
发布于 2014/01/03 14:41
字数 914
阅读 18163
收藏 30

10. Package control

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

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

  • 如何安装Package Control

9. Bracket Highlighter

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

Bracket Highlighter

8. DocBlockr

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

使用方法

DocBlockr

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

DocBlockr

7. SideBar Enhancements

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

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,便能找到所有常用的功能。

Git

3. JSLint

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

使用方法

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

Git

2. Sublime Linter

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

SublimeLinter

1. Sublime CodeIntel

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

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

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

SublimeCodeIntel

0. Dayle Rees颜色主题

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

Dayle Rees主题

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

© 著作权归作者所有

共有 人打赏支持
喵王不瞌睡
粉丝 11
博文 168
码字总数 51104
作品 0
浦东
个人站长
私信 提问
加载中

评论(1)

小杨阿哥哥
小杨阿哥哥
竟然没有震动插件~~~
全栈开发必备的10款Sublime Text 插件

全栈开发必备的10款Sublime Text 插件 来源:梦想天空博客园 时间:2014-11-28 10:16:28 阅读数:218406 分享到:6 [导读] Sublime Text 具有漂亮的用户界面和强大的功能,例如代码缩略图,多...

thinkyoung
2015/11/05
0
0
全栈开发必备的10款 Sublime Text 插件

Sublime Text 具有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等。Sublime Text 更妙的是它的可扩展性。所以,这里挑选了全栈开发必备的10款 Sublime Text 插件,让本已...

殊麒
2014/11/23
3.4K
1
Sublime Text 3 常用插件以及安装方法

直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。 使用Package Control组件安装 也可以安装package control组件,然后直接...

笨小熊
2015/07/27
0
0
Ubuntu 14.04中安装Sublime Text 3并使用SublimeClang插件

转载请说明出处:http://blog.csdn.net/cywosp/article/details/32721011 Sublime Text 3的下载安装 到官方网站上http://www.sublimetext.com/3下载64位(系统位64位)的.deb安装包(http://...

shangshan
2015/03/23
6
0
编码神器 Sublime Text 包管理工具及扩展大全

Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查...

oschina
2013/10/21
17.5K
58

没有更多内容

加载失败,请刷新页面

加载更多

EOS docker开发环境

使用eos docker镜像是部署本地EOS开发环境的最轻松愉快的方法。使用官方提供的eos docker镜像,你可以快速建立一个eos开发环境,可以迅速启动开发节点和钱包服务器、创建账户、编写智能合约....

汇智网教程
今天
14
0
《唐史原来超有趣》的读后感优秀范文3700字

《唐史原来超有趣》的读后感优秀范文3700字: 作者:花若离。我今天分享的内容《唐史原来超有趣》这本书的读后感,我将这本书看了一遍之后就束之高阁了,不过里面的内容一直在在脑海中回放,...

原创小博客
今天
19
0
IC-CAD Methodology知识图谱

CAD (Computer Aided Design),计算机辅助设计,指利用计算机及其图形设备帮助设计人员进行设计工作,这个定义同样可以用来近似描述IC公司CAD工程师这个岗位的工作。 早期IC公司的CAD岗位最初...

李艳青1987
今天
19
0
CompletableFuture get方法一直阻塞或抛出TimeoutException

问题描述 最近刚刚上线的服务突然抛出大量的TimeoutException,查询后发现是使用了CompletableFuture,并且在执行future.get(5, TimeUnit.SECONDS);时抛出了TimeoutException异常,导致接口响...

xiaolyuh
今天
9
0
dubbo 搭建与使用

官网:http://dubbo.apache.org/en-us/ 一,安装监控中心(可以不安装) admin管理控制台,monitor监控中心 下载 bubbo ops 这个是新版的,需要node.js环境,我没有就用老版的了...

小兵胖胖
今天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部