由於 npm 本身的設計缺陷（直到 npm 3.x 才會改善），會導致安裝模組時，可能會因為特定模組用到相依模組而安裝非常多檔案與資料夾，而且資料夾的層級非常深，在 Mac OS X / Linux 環境下其實並不會有問題，但到了 Windows 環境下的問題可大了，因為 Windows 作業系統有路徑檔名的限制（完整的檔名必須少於 260 個字元，並且目錄名稱必須少於 248 個字元），即便到了 Windows 10 還是有這個限制存在，所以在 Windows 平台透過 npm 安裝套件時，經常會有「指定的路徑、檔名，或是兩者都太長」的錯誤發生，本篇文章將說明問題發生的原因與解決此問題的方法。
... 繼續閱讀 ...
最近有越來越多人踏入「前端工程」這個領域，也有許多人還在觀望，畢竟前端這個戰場也才剛開打沒幾年，現在要說是「戰國時期」也不為過，各種不同的框架、函式庫、工具每隔幾個月就會推出新版本，不然就是出現另一套全新的改良版，說實在的學也學不完。因此，本篇文章的目的就在於提供一個概略性的介紹，雖然無法盡數所有會用到的前端工具，但我把一些常用的都給介紹一遍，讓那些剛踏入前端或目前還在觀望的人一個參考指引。
... 繼續閱讀 ...
之前一直沒有花時間去了解 npm ( Node 套件管理員 ) 的各種用法，尤其是 npm install --save 與 npm install --save-dev 的差異，今天再嘗試的時候，發現在我的本機電腦一直試不出這兩個命令有任何差異，套件都可以裝，但設定檔一直無法正確寫入，這種鬼打牆的事情，趁著這次年節假期徹底放鬆的時刻，終於被我抓到原來就是 package.json 這個檔案在搞鬼，欲知詳情，請繼續看下去。
... 繼續閱讀 ...
前陣子翻譯了一篇各式 Web 前端開發工具整理的文章，裡面介紹了許多好用的前端工具，其中 Yeoman 就是一個前端工具的組合，幫你統整前端網頁的開發流程 (Workflow)，這是一種工作流程的改善，讓你減少重複的手工作業，也讓你更專注在網站的架構與設計上。不過，這些好用的工具大多透過指令的方式運作 (例如: 透過命令提示字元操作)，雖然大多工具是跨平台的，但網路上找到的相關教學文章，都是以 Mac 電腦上的操作為主，因為 Mac 為 Unix-like 的作業系統，可以輕易開啟 Shell 環境，使用上相對順利許多，但到了 Windows 總是卡卡的，有時候甚至於還要 Visual Studio 才能安裝 (因為要編譯特定原始碼)，今天我就特別寫一篇在 Windows 安裝與使用 Yeoman 的參考指南，幫助大家快速上手這些好用工具。
... 繼續閱讀 ...
昨天的文章用了比較辛苦的方式安裝好 UglifyJS 這個 node.js 套件，但今天就發現原來 node.js 已經有 npm 工具可管理所有 node.js 相關套件，原本我還以為目前沒什麼 node.js 可用，但得知 npm (Node Package Manager) 之後才發現已經有一大堆好用的工具用 node.js 寫好了，有興趣的快進來瞭解一下吧。
... 繼續閱讀 ...