SublimeText插件之emmet与livereload

写在前面：

在前端开发的世界里，选择一款好用的编辑器十分重要，今天，主要与大家分享一下sublime两个插件的使用方法，当然，sublime的强大之处在于其丰富的扩展性，本文主要介绍emmet语法以及liveload插件，其余插件相信大家会触类旁通，在这里，我来抛石，欢迎各位引玉！不足之处，欢迎指正

sublime的下载地址：

http://www.sublimetext.com/

安装Sublime Text 3插件的方法：
主要有离线安装与在线安装两种方法，下面依次介绍
1、直接安装、安装Sublime text 插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages），然后就可以使用了。

2、使用Package Control组件安装
先安装package control组件，然后直接在线安装，方法如下：
按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）
粘贴以下代码到底部命令行并回车：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

重启Sublime Text 3。
如果在Perferences->package settings中看到package control这一项，则安装成功。
顺便贴下Sublime Text2 的代码

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

如果这种方法不能安装成功，可以到网上下载文件手动安装。

用Package Control安装插件的方法：

按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件，sublime提供的插件非常之多，合适的才是最好的，今天主要给大家介绍两个，其余优秀插件大家也可自行选择使用，主要是告诉大家方法，授人以渔。

emmet插件的使用

首先按照以上的方法进行安装，这个不难，主要是为了各诉大家使用方法，在使用这个插件的时候，大家可以先学习emmet语法，熟练掌握后，可以极大的加快大家的编码速度

参考链接

http://www.w3cplus.com/tools/emmet-cheat-sheet.html

livereload插件的使用

大家在写前端页面的时候，可以会遇到这样的情景，为了调整CSS样式，每当调整完成后，必须先Ctrl+S进行保存，然后再去刷新浏览器页面，软件之间不断的切换，对我们coding的速度势必产生影响，有这样一款sublime插件，每当你保存代码后，浏览器便会自动对页面进行刷新，是不是很方便？

安装方法，同样，按照以上介绍进行安装sublime端的livereload插件，然后打开chrome浏览器，点击右上的三个依次选择 更多工具>扩展程序，打开扩展程序安装界面，如果你会科学上网的话，直接在线安装即可，如果不会（由于众所周知的原因，在中国，谷歌这个网站是不存在的，要不然为什么总是404，对不对？开个玩笑），那么在网站下载一个livereload的扩展插件，直接拖到安装界面即可自动安装，安装完成后，注意要允许访问文件网址，至此，打开你的sublime试试看吧！，