2016年5月28日 星期六

[HTML工具]寫HTML的好助手們Sublime Text加LiveReload外掛

今年想要開始寫一些網頁,所以找了許多的文字編輯器,一個好的文字編輯器可以省下很多的時間,並且配色也令人賞心悅目的軟體,就好像是一本精美的筆記本,寫起來格外的令人舒暢阿。

所以,經過大量的搜索,最流行的就是Sublime Text 3這個軟體拉,大家可以去搜看看,有免安裝版的,可放在USB方便攜帶,上課用公用電腦可以有自己的熟悉輸入環境我認為是相當重要低。

高亮標註與自動完成是高效率編輯器基本的功能,好處就大家去體會看看吧,難以用文字表達使用體驗的。

寫網頁的時候,我的工作流程是利用Sublime撰寫內容,另外一個螢幕就開瀏覽器看顯示效果,初期的時候我要Sublime中按Ctrl+S存檔後,再把滑鼠移到瀏覽器按F5更新看效果,久了之後覺得這一個步驟真心煩,所以看看有木有好用的自動化解決辦法,經查大家都用Chrome的LiveReload,經過些許的努力後裝不起來(汗),於是乎把腦子動到了火狐,火狐FireFox這個LiveReload插件外掛簡單多了,按下去就裝好摟。

怎麼操作呢?很簡單,他會自動偵測本地(自己電腦硬碟中)的檔案,如果有更新的話,就會實時同步更新網頁,如下圖,這樣理想的工作環境就完成了。

如果感覺網頁的延遲更新速度太慢的話可以進去附加元件選項更新延遲的速度,個人覺得10ms比較符合我講求效率的個性。

沒有留言:

張貼留言