最近由於經常在研究前端常用的各式工具，像是 npm, bower, gulp, webpack, yo, git 等等的工具用的很多，因此親手打指令執行程式的機會變多了，然而有好長一段時間間斷地出現了一些靈異現象，我卻無法解釋，直到最近終於發現了一些潛在的地雷，身處 Windows 平台下的前端工程師們不得不注意。由於我最近迷上了 Cmder 工具，在使用這套工具時可以讓我在輸入指令時，就像身在 Linux 環境下一樣自在，功能很多、支援鍵盤快速鍵、還支援命令與參數自動完成，非常好用，不過有時候卻發現他有點不太靈光，明明已經裝好了 npm 或 bower 工具，就是無法正常執行，我開啟 Windows 內建的「命令提示字元」視窗卻又可以執行。但問題是並不是永遠都不能執行，因為有時候又可以正常執行。這完全是一個農曆七月鬼打牆的概念，我將用這篇文章來說明問題背後的原理與解決方法。
... 繼續閱讀 ...
有些公司會要求員工上網時必須設定代理伺服器 (Proxy Server) ，在這樣的環境下使用這些前端工具經常會遇到許多網路連線的問題，本篇文章將說明如何針對 git, npm, bower, gem, ionic 等工具進行完整的代理伺服器設定，設定好之後就可以大幅漸少這些奇奇怪怪的問題。
... 繼續閱讀 ...
最近有越來越多人踏入「前端工程」這個領域，也有許多人還在觀望，畢竟前端這個戰場也才剛開打沒幾年，現在要說是「戰國時期」也不為過，各種不同的框架、函式庫、工具每隔幾個月就會推出新版本，不然就是出現另一套全新的改良版，說實在的學也學不完。因此，本篇文章的目的就在於提供一個概略性的介紹，雖然無法盡數所有會用到的前端工具，但我把一些常用的都給介紹一遍，讓那些剛踏入前端或目前還在觀望的人一個參考指引。
... 繼續閱讀 ...
之前一直沒有花時間去了解 npm ( Node 套件管理員 ) 的各種用法，尤其是 npm install --save 與 npm install --save-dev 的差異，今天再嘗試的時候，發現在我的本機電腦一直試不出這兩個命令有任何差異，套件都可以裝，但設定檔一直無法正確寫入，這種鬼打牆的事情，趁著這次年節假期徹底放鬆的時刻，終於被我抓到原來就是 package.json 這個檔案在搞鬼，欲知詳情，請繼續看下去。
... 繼續閱讀 ...
前陣子翻譯了一篇各式 Web 前端開發工具整理的文章，裡面介紹了許多好用的前端工具，其中 Yeoman 就是一個前端工具的組合，幫你統整前端網頁的開發流程 (Workflow)，這是一種工作流程的改善，讓你減少重複的手工作業，也讓你更專注在網站的架構與設計上。不過，這些好用的工具大多透過指令的方式運作 (例如: 透過命令提示字元操作)，雖然大多工具是跨平台的，但網路上找到的相關教學文章，都是以 Mac 電腦上的操作為主，因為 Mac 為 Unix-like 的作業系統，可以輕易開啟 Shell 環境，使用上相對順利許多，但到了 Windows 總是卡卡的，有時候甚至於還要 Visual Studio 才能安裝 (因為要編譯特定原始碼)，今天我就特別寫一篇在 Windows 安裝與使用 Yeoman 的參考指南，幫助大家快速上手這些好用工具。
... 繼續閱讀 ...