2014-05-01

為Visual Studio增強編寫網頁功能性

之前用Visual Studio 2012開發網頁,有一天赫然發現它會自動幫我的js檔另存成最小化的.min.js,還有CSS檔只要有顏色相關的屬性設定,都會顯示顏色給你看。一開始還以為是內建功能,想說一直都沒發現原來VS這麼貼心,後來換成VS 2013,啊這些功能怎麼都沒有了?還以為2013比較不貼心...

原來,只要裝了Web Essentials這個擴充套件就行啦!(我的VS2012之前不曉得什麼時候亂看擴充功能然後就裝了,一直都不知道XD)



我們可以先到他的官方網站去看看,支援的東西還真不少!!有興趣的可以去裡面看看它提供了那些額外的擴充功能。

由於Visual Studio 2010之後的版本才開始提供擴充功能,所以如果是之前的版本(2005、2008),就很抱歉啦不能裝。

打開擴充功能,搜尋web essentials就可找到套件,趕快安裝吧!


裝好之後就可以看到功能表多了WEB ESSENTIALS,在方案總管上,HTML三頭龍龍頭(HTML、CSS、JS)檔上按右鍵也會有相關功能



其中這個Minify JavaScript file(s)就是自動幫你產生.min.js的功能啦,除了JS,另外兩頭龍(HTML、CSS)檔案也可以產生最小化的檔案,以縮短載入時間。


其他還有更多強大的功能,就請自己發現囉~