JSDC 和 KSDG 影音紀錄 (淺談 GruntJS 整合開發工具)

gruntlogo
很高興今年在 JSDC 擔任講師,演講主題為『你不可不知的前端開發工具』,這場議程只有30分鐘可以講,時間實在是不太夠,要消化這麼多工具其實對於聽眾有點困難,真是對不起聽眾了,不過沒關係,高雄 KSDG 五月份邀請我講『打造團隊共同開發環境』,其實就是將 GruntJS 精華整個講一遍,大概有一個多小時,底下是官方影音,如果朋友們沒北上參加,也可以透過 JSDC Youtube 來欣賞。 JSDC 35分鐘議程 Continue reading “JSDC 和 KSDG 影音紀錄 (淺談 GruntJS 整合開發工具)”

高雄 KSDG 分享: 打造團隊共同開發環境

gruntlogo
很高興受到高雄 KSDG 邀請,分享上禮拜在 JSDC 所介紹主題: 你不可不知的前端開發工具,在 JSDC 現場只有半小時可以講,這次在高雄有一個半小時可以講,如果想詳細了解前端工具,可以參考上禮拜的投影片,底下是在高雄軟體科技園區所分享。謝謝 Eric Bi 及工作人員可以讓我分享這次議題。 Continue reading “高雄 KSDG 分享: 打造團隊共同開發環境”

2013 Javascript Conference: 你不可不知的前端開發工具

JSDC 2013

台灣第 2 屆 JavaScript 研討會在 5/18, 5/19 登場,今年報到率到 95% 了,我也給了一場 Talk,關於前端工具介紹,包含 CoffeeScript, Compass, Livereload, Bower Package Manager .. 等,最後介紹主軸 Grunt.js 來整合這些工具。

Continue reading “2013 Javascript Conference: 你不可不知的前端開發工具”

Javascript command line tool GruntJS 介紹

Update: 補上一張執行後的截圖 2013.03.27
gruntlogo
GruntJS 是一套 JavaScript Task Runner,為什麼官網會這樣寫呢?網站上線之前,是不是需要經過測試,壓縮,及品質控管,這些 Task 該如何實現,在 GruntJS 還沒出現之前,大家可以透過 Linux command 的方式來達成,但是對於前端工程師而言,多學習 command line 真的是要他們的命,所以 GruntJS 解決了此問題,將所有的 Task 用 Javascript 方式設定就可以自動佈署或測試。GruntJS 的 Plugin 也非常多且完整,像是大家常用的 CoffeeScriptHandlebarsJadeJsHintLessSassCompassStylus…等都有支援。更多好用的 Plugin 可以在官網搜尋頁面上找到。

安裝方式

Grunt 可以透過 Node.js 的管理工具 npm 方式來安裝,Windows 只要到 Node.js 官網下載安裝包,直接按下一步即可安裝完畢,Linux 可以透過 NVM 方式來管理 Node.js 版本,可以參考作者之前寫的 Node Version Manager 版本管理 NVM。需要注意的是 Grunt 0.4.x 需要 Node.js >= 0.8.0 版本才可以。 Continue reading “Javascript command line tool GruntJS 介紹”