1. 安裝node包
* eslint<font color=red> `npm install eslint -g`</font>
* csscomb <font color=red>`npm install csscomb -g`</font>
* csslint <font color=red>`npm install csslint -g`</font>
* sass-lint <font color=red>`npm install sass-lint -g`</font>
2. 安裝sublime3 [Package Control](https://packagecontrol.io/installation#st3)
* 按下 ctrl+`
* 復制粘貼以下代碼
<font color=red>import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)</font>
3. 安裝sublime3插件
* 按下 <font color=red>`ctrl+shift+p`</font>,輸入'ip'(Install Package)
* 輸入以下插件的名字,按順序逐個進行安裝:
* <font color=red>`Sass`</font>
* <font color=red>`SublimeLinter`</font>
* <font color=red>`SublimeLinter-contrib-eslint`</font>
* <font color=red>`SublimeLinter-contrib-sass-lint`</font>
* <font color=red>`SublimeLinter-csslint`</font>
* <font color=red>`DocBlockr`</font>
4. 插件的配置文件
將以下配置文件分別下載后放入項目根目錄下:
* <font color=red>`ESLint`</font> [配置文件](http://static.zhangyoubao.com/config/.eslintrc.js)
* <font color=red>`CSSLint`</font> [配置文件](http://static.zhangyoubao.com/config/csslintrc)
* <font color=red>`SCSS-Lint`</font> [配置文件](http://static.zhangyoubao.com/config/scss-lint.yml)
###phpstrom配置
phpstrom中自帶了eslint插件,只需要啟用并選擇配置文件即可
