一. livereload
livereload是一个web开发辅助工具，当我们修改完html、css和js的时候会自动刷新浏览器，不需要再F5了。这样在双屏切图、写js代码的时候会提高很多效率；
livereload是基于html5的websocket实现的；
livereload在访问的web页面中插入一段socket套接字代码(javascript语言编写)，这段代码与livereload服务器端socket建立链接；并等待与执行类似“reload css/styles.css”的指令。
二. Sublime Text 3
一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。
三. 安装步骤：
a. liveReload安装步骤：
在谷歌应用商店，搜索liveReload，然后下载安装。
b. 下载SublimeText3
1. 官方下载地址：http://www.sublimetext.com/3
2. Sublime Text 3 免费使用方法
以下经测v3126可用
—–BEGINLICENSE
—–Ryan ClarkSingleUserLicenseEA7E-8124792158A7DE B690A7A38EC04710006A5EEB34E77CA39C82C81F0DB6371B79704E6F93F36655 B031503A03257CCC01B20F60D304FA8D B1B4F0AF8A76C7BA0FA94D5556D46BCE5237A341 CD837F304D60772D349B1179 A996F82690CDB73C24D41245FD032C30 AD5E72414EAA66ED167D91FB55896B16 EA125C81 F550AF6B A6820916——ENDLICENSE ——
3. 汉化软件
下载：代码编辑器Sublime Text 3 免费使用方法与简体中文汉化包下载
使用方法
1）、将上面要求下载的sublime_text_3.zip 文件解压，得到的Default.sublime-package 文件。打开sublime text 3，打开菜单->preferences->Browse Packages，进入到文件管理器：
2）、返回上一层到sublime text 3 文件夹，打开“Installed Packages”文件夹。粘贴汉化包文件“Default.sublime-package”到“Installed Packages”文件夹下面，无需刷新即可看到效果。
4.安装必备的包管理：Package Control，用来以后安装插件用的。
Package Control 主文件下载
下载地址：https://github.com/wbond/sublime_package_control
直接下载按 zip 包。解压之后，把文件夹名称修改为“Package Control”。
1）、点击菜单->首选项->浏览程序包，打开一个文件夹，复制刚才的“Package Control”文件到该目录下面。
2)、打开sublime text 3编辑器，在菜单->preferences->Package Settings和package control选项，就说明安装package control成功了。
5.安装liveReload插件
快捷键 Ctrl+Shift+P（菜单 – Tools – Command Paletter），输入 install 选中Install Package并回车，输入或选择你需要的插件回车就安装了（注意左下角的小文字变化，会提示安装成功）。
在sublime下打开package control，搜索liveReload，然后下载，下载之后打开：首选项-package Settings-liveReload-settings user，然后在改文件下输入：
{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}
如下图所示：
然后保存，这样每次打开sublime都相当于自动的运行了liveReload。（sass和less等都可以使用）
3，最后一步就是，当你用谷歌打开你文件的时候，记得按下插件按钮就ok了。
如下图所示按钮：
