码迷,mamicode.com
首页 > 其他好文 > 详细

推荐2款sublime的插件

时间:2014-12-16 20:39:35      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   ar   io   color   使用   sp   

注意:此文章默认您已安装package control。

1、JSHint (javascript语法检查器)

bubuko.com,布布扣

如图:检测出两个error

  • 第9行第1列:‘bar‘  is not defined.
  • 第7行第5列:‘fu‘ is defined but never used.

2、SublimeHighlight (自动高亮代码文本转换html文件,帮助快速构建自定义主题的代码片段)

bubuko.com,布布扣

该插件提供了多种theme。

  • autumn,borland,bw,colorful,default,emacs,friendly,fruity,manni,monokai,murphy,native,pastie,perldoc,rrt,tango,trac,vim,vs

bubuko.com,布布扣

实际效果如下:

自动生成部分,可通过setting - user中的noclasses控制是否使用行内样式。具体看github

<div class="highlight" style="background: #111111"><pre style="line-height: 125%"><span style="color: #fb660a; font-weight: bold">var</span> <span style="color: #ffffff">str</span> <span style="color: #ffffff">=</span> <span style="color: #0086d2">&quot;hello word&quot;</span><span style="color: #ffffff">;</span>
<span style="color: #fb660a; font-weight: bold">var</span> <span style="color: #ffffff">number</span> <span style="color: #ffffff">=</span> <span style="color: #0086f7; font-weight: bold">100</span><span style="color: #ffffff">;</span>
<span style="color: #008800; font-style: italic; background-color: #0f140f">/**</span>
<span style="color: #008800; font-style: italic; background-color: #0f140f"> * [Demo description]</span>
<span style="color: #008800; font-style: italic; background-color: #0f140f"> * @param {[string]} pStr    [测试用]</span>
<span style="color: #008800; font-style: italic; background-color: #0f140f"> * @param {[number]} pNumber [测试用]</span>
<span style="color: #008800; font-style: italic; background-color: #0f140f"> */</span>
<span style="color: #fb660a; font-weight: bold">function</span> <span style="color: #ffffff">Demo(pStr,pNumber){</span>
    <span style="color: #ffffff">console.log(pStr,pNumber);</span>
<span style="color: #ffffff">}</span>
<span style="color: #ffffff">Demo(str,number);</span>
</pre></div>
var str = "hello word";
var number = 100;
/**
 * [Demo description]
 * @param {[string]} pStr    [测试用]
 * @param {[number]} pNumber [测试用]
 */
function Demo(pStr,pNumber){
	console.log(pStr,pNumber);
}
Demo(str,number);

 

推荐2款sublime的插件

标签:des   style   blog   http   ar   io   color   使用   sp   

原文地址:http://www.cnblogs.com/beiou/p/4167405.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!