ASP.NET 5 Starter Web 專案內建的 NPM 設定檔 package.json 問題解決
之前一直沒有花時間去了解 npm ( Node 套件管理員 ) 的各種用法，尤其是 npm install --save 與 npm install --save-dev 的差異 ，今天再嘗試的時候，發現在我的本機電腦一直試不出這兩個命令有任何差異，套件都可以裝，但設定檔一直無法正確寫入，這種鬼打牆的事情，趁著這次年節假期徹底放鬆的時刻，終於被我抓到原來就是 package.json 這個檔案在搞鬼，欲知詳情，請繼續看下去。 由於 ASP.NET 5 / ASP.NET MVC 6 新的專案架構已經確定跟 bower , npm 整合，所有跟前端有關的套件都將改用 bower , npm 進行安裝與管理，因此原本由 NuGet 管理的那些前端套件，都將改用 npm 與 bower 進行套件管理，一些前端常見的工具，例如最小化(minification)與壓縮合併(bundling)也都將改由 grunt 與 gulp 等工具進行管理，而這些工具也都是透過 npm 來進行安裝。 我們先開啟 Visual Studio 2015 開發工具，新增一個新的 ASP.NET Web Application 專案，專案範本我們選擇 ASP.NET 5 Starter Web，如下圖示： 從方案總管中你可以看見 Dependencies 節點裡面有兩個分類，分別是 Bower 與 NPM 這兩個分類。 Bower 分類下的套件，被定義在專案根目錄下的 bower.json 檔案裡 NPM 分類下的套件，則是被定義在專案根目錄下的 package.json 檔案之中 你可以從 Visual Studio 方案總管中 移除套件 ，不過 安裝套件 就要靠你自己打指令了。 我先來示範如何用 bower 額外安裝 modernizr 與 respond-minmax 套件，這兩個套件都是以前在 ASP.NET MVC 5 專案範本中有出現的，但在 ASP.NET 5 Starter Web 卻被移除的。 開啟 Packag...