前端編譯器有很多，Dreamweaver,sublime text ,webstorm,但在使用之后感覺sublime text3就是前端的編譯神器
首先sublime text3最好使用英文原版，雖然網上也有很多漢化版，但是漢化版會存在很多功能受限，無法安裝新插件等各種問題。如果只是新手可以先使用漢化版，畢竟漢化版把一些基本功能都囊括了。但是使用長久之后你就會發現很多功能漢化版是無法實現的。
首先去sublime text3官網下載最新版本的sublime text3版本，官網：
http://www.sublimetext.com/blog/articles/sublime-text-3-beta
下載安裝之后，一般需要破解，我在此處提供一個lince，復制進去就可以直接使用
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
最新版本的sublime text3之中一般都已經包含了package control這個插件，所以不需要再次安裝，直接使用快捷鍵ctrl+shift+p，輸入install，選擇install package直接敲回車，然后在其中輸入所要安裝的插件名字：可以參考這幾個網站：
http://www.oschina.net/translate/20-powerful-sublimetext-plugins
http://www.cnblogs.com/Rising/p/3741116.html
在此主要說明一下如何實現sublime text3與瀏覽器互聯，在sublime text3中修改的內容可以直接在瀏覽器中顯示，無需保存和刷新網頁，並且兩個修改的時候可以互相更改。
這個神奇的插件就是liveStyle插件，先在sublime text3上面安裝此插件，接着需要在谷歌上面的擴展程序里面安裝對應的liveStyle插件，（天朝的網絡有時候對於谷歌有所限制，所有有可能打不開，可以在網上下載一些翻牆軟件，如果不願意找，也可以找我，我這里有軟件），在使用的時候需要先把右上角
這個插件打開，如圖所示
，在相應的css下面選擇對應的css文件，就可以實現兩個同步操作了。下面的Remote View還有更加強大的功能，在其中還可以看到對於liveStyle插件的使用詳細介紹。
上面對於谷歌這個插件如何使用有詳細介紹。
分享此插件，希望能對您的工作有所幫助。