在整理開發環境的時候，經常會有批次調整檔案內容的需求，我今天特別整理了 3 種不同的解決方案，這些方法都可以看情況使用！
... 繼續閱讀 ...
我們有個大型的 Angular 專案，原本在 Azure Pipelines 的 CI 都很順利，但是一個月前開始變的不穩定，常常會掛掉，而掛掉的原因是「記憶體不足」造成的。本篇文章我打算分享本次問題的 Log 內容，並提供一個解決方法。
... 繼續閱讀 ...
昨天寫了一個小工具，可以自動將現有 Angular CLI 建立的專案，轉換成有 Hot Module Replacement (HMR) 功能的版本，只要簡單一個命令 ng add hmr-enabled 就可以搞定，非常方便。不過我在發布專案到 npm registry 的過程中，卻意外遺漏了幾個重要的檔案，原來是有檔案被 .npmignore 給忽略掉了，到了今天傍晚才修復。我們就立刻來看看這個錯誤是怎樣發生的！
... 繼續閱讀 ...
許多企業在設法導入前端工程的過程中，最大的進入障礙竟然是「無法使用 npm 安裝套件」。因為真的有很多企業在嚴格執行資訊安全政策的情況下，所有開發者都無法從公司內部環境連到 npm 網站下載套件。這篇文章，我將分享幾個小技巧，幫助企業開發人員可以在內部實現簡易的 npm 離線快取。
... 繼續閱讀 ...
由於 Angular 2 官方建議採用 TypeScript 做為主要的開發語言，一般來說 TypeScript 都會建議使用 npm 進行安裝，安裝後就可以在命令提示字元下使用 tsc 命令對 *.ts 進行編譯動作。不過這幾年 TypeScript 的變化很快，轉眼都已經到 1.8 版了。雖然透過 npm 安裝 TypeScript 是很容易的一件事，不過對於有安裝過 Visual Studio 的使用者來說，這條路可能會變得異常崎嶇，如果你在用 npm 安裝過 TypeScript 並且輸入 tsc.exe -v 總是顯示 1.0 版 ( 或低於 1.8 版) 的話，這篇文章你可能要繼續看下去。
... 繼續閱讀 ...
最近由於經常在研究前端常用的各式工具，像是 npm, bower, gulp, webpack, yo, git 等等的工具用的很多，因此親手打指令執行程式的機會變多了，然而有好長一段時間間斷地出現了一些靈異現象，我卻無法解釋，直到最近終於發現了一些潛在的地雷，身處 Windows 平台下的前端工程師們不得不注意。由於我最近迷上了 Cmder 工具，在使用這套工具時可以讓我在輸入指令時，就像身在 Linux 環境下一樣自在，功能很多、支援鍵盤快速鍵、還支援命令與參數自動完成，非常好用，不過有時候卻發現他有點不太靈光，明明已經裝好了 npm 或 bower 工具，就是無法正常執行，我開啟 Windows 內建的「命令提示字元」視窗卻又可以執行。但問題是並不是永遠都不能執行，因為有時候又可以正常執行。這完全是一個農曆七月鬼打牆的概念，我將用這篇文章來說明問題背後的原理與解決方法。
... 繼續閱讀 ...
有些公司會要求員工上網時必須設定代理伺服器 (Proxy Server) ，在這樣的環境下使用這些前端工具經常會遇到許多網路連線的問題，本篇文章將說明如何針對 git, npm, bower, gem, ionic 等工具進行完整的代理伺服器設定，設定好之後就可以大幅漸少這些奇奇怪怪的問題。
... 繼續閱讀 ...
由於 npm 本身的設計缺陷（直到 npm 3.x 才會改善），會導致安裝模組時，可能會因為特定模組用到相依模組而安裝非常多檔案與資料夾，而且資料夾的層級非常深，在 Mac OS X / Linux 環境下其實並不會有問題，但到了 Windows 環境下的問題可大了，因為 Windows 作業系統有路徑檔名的限制（完整的檔名必須少於 260 個字元，並且目錄名稱必須少於 248 個字元），即便到了 Windows 10 還是有這個限制存在，所以在 Windows 平台透過 npm 安裝套件時，經常會有「指定的路徑、檔名，或是兩者都太長」的錯誤發生，本篇文章將說明問題發生的原因與解決此問題的方法。
... 繼續閱讀 ...
最近有越來越多人踏入「前端工程」這個領域，也有許多人還在觀望，畢竟前端這個戰場也才剛開打沒幾年，現在要說是「戰國時期」也不為過，各種不同的框架、函式庫、工具每隔幾個月就會推出新版本，不然就是出現另一套全新的改良版，說實在的學也學不完。因此，本篇文章的目的就在於提供一個概略性的介紹，雖然無法盡數所有會用到的前端工具，但我把一些常用的都給介紹一遍，讓那些剛踏入前端或目前還在觀望的人一個參考指引。
... 繼續閱讀 ...