文章目錄
  1. 1. Markdown Preview

##如何安装插件
ctrl+shift+p 输入package ,根据智能提示 选择install package,然后输入你想添加的插件名.如果还不知道怎么安装的话,可以参看sublime编辑器使用笔记

##Emmet
Emmet的前身是Zencoding,用它可以加快编写Html网页的效率,原理使用css的选择器.tagClass#tagId 等,前不久同事给我介绍一个可视化代码编写工具hbuilder,下载一看,这个工具竟然也支持这种写法,看来这种写法已经很流行了。
用户在输入一段类似于css的标签后,按下tab即可完成一段html的编写.更多Emmet用法
用法实例1

1
ul.ulclass>li.cc*3

形成如下的代码,是不是很神奇?O(∩_∩)O哈哈~

1
2
3
4
5
<ul class="ulclass">
<li class="cc"></li>
<li class="cc"></li>
<li class="cc"></li>
</ul>

用法实例2

1
ul.ulclass>li.cc*3^+div.nextdiv

1
2
3
4
5
6
<ul class="ulclass">
<li class="cc"></li>
<li class="cc"></li>
<li class="cc"></li>
</ul>
<div class="nextdiv"></div>

##Javascript Beautify
看插件名就知道是帮助美化js代码,使用方法首先选中需要格式化的代码

  • 然后Ctrl+Shift+p,然后输入Javascript Beautify
  • 后者直接快捷键Ctrl+Alt+F

##Html Beautify
平时喜欢用ejs作业,写出来的代码,sublime自带的html代码识别根本没法辨别,时间久自己也看不懂。使用这个插件,代码对齐的很清楚。

  • 然后Ctrl+Shift+p,然后输入HTMLBeautify
  • 后者直接快捷键Ctrl+Alt+Shift+F

Markdown Preview

当你使用Sublime Text的时候这个插件能帮助你把markdown标记语言转化成html网页.安装插件后,在markdown页面下,输入markdown preview选择preview in browser或者save to html.

##Css Format
看名字也知道是格式化css代码的.安装输入Css Format,安装完成后选中代码,然后Edit->Css format->*可以压缩,格式化等.

##一个平台
借着这股东风,推荐一个之前看到的平台,这个网站包含nodejs,php,mongodb,redis,memcached等各种终端,提供在线编写包括bootstrap,jquery,java,javascript,ruby等各种框架的界面工具.基本上你兴趣来潮想使用某个语言或者框架都可以找得到.地址奉上
http://www.tutorialspoint.com/codingground.htm

如果以后有好的插件将陆续补上

comments powered by Disqus
文章目錄
  1. 1. Markdown Preview