[前端工具] sublime 3 寫前端好用工具

不用則矣，一用欲羆不能!!
download: 
http://www.sublimetext.com/3 (免費，只是使用過程中會一直跳廣告)

之前一直沒有用，是因為不太暸解指令 & 安裝過程

所以現在寫這篇來分享過程

安裝 sublime

裝好sublime以後，

必裝的package controll
https://packagecontrol.io/installation

快捷鍵 ( win: ctrl + ` ;  mac: command + ` )
會出現sublime的consolle視窗 (下方)

把package的安裝指令copy (2版或3版 不要複製錯了)

以下附上sublime 3的指令:

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)

貼在console以後，enter 即開始自動安裝package control

安裝完以後, 重新開啟sublime

接下來...嘿嘿嘿

可以自由的安裝想用的package了

安裝方式，輸入快捷鍵

(win: ctrl + shift + p; mac: control + shift + p)

會出現 下拉式選項，輸人 install package -> enter 即可以開始搜尋package 安裝

推薦幾個前端必備(javascript):

1. Sublime​Linter

這個是用來檢查syntax有錯誤的話，會出現在line左方紅點提示的工具

2. Sublime​Linter-contrib-eslint

jslint -> jshint -> 現在進化到 eslint

eslint可以更彈性的設置自己想要的rules

(當然也可以extend eslint 建議的, .eslintsrc 的文檔就自行官網查了)

depend: 需要安裝 npm install -g eslint

養成良好的習慣，必裝

3. DocBlockr

自動產生註解文檔

/** enter 將會自動產生註解區塊

寫code留註解是個好習慣

而且，整個專案的註解可以自動產生doc檔

養成良好的習慣，必裝

* 以寫javascript 為主，目前必裝的是這幾個

另外有推薦的package也可以推薦me 非常感恩