把VSO作為GitHub上JavaScript項目的免費CI伺服器

標籤：

（此文章同時發表在本人公眾號“dotNET每日精華文章”，歡迎右邊二維碼來關注。)

題記：微軟變得更加開放後，走向開放的不僅有.NET運行時、IDE工具，還有ALM伺服器核心組件Team Foundation Server的SaaS版本Visual Studio Online。

Visual Studio Online（VSO）是微軟ALM產品線的伺服器核心組件的SaaS版，只要有微軟帳號都可以免費開通自己的VSO賬戶，建立不限數量的私人項目，只是限制了5個免費開發人員帳號。過去一年VSO有了長足的進步，尤其最近上線了新的構建系統，對開源項目的支援更加容易。今天分享的文章就是介紹如何利用VSO來對託管在GitHub中的JavaScript項目進行持續整合。免費的哦。

JEREMY LIKNESS在這篇文章中，一開始介紹了VSO的一些概要情況後，就對VSO給出了一個極高的評價：“It’s quick, easy, and free.”。隨後，介紹了實現這一目標的具體步驟。

1，對項目進行一點點輕微的改動。需要在packages.json檔案中設定一個特殊的post-install指令碼：

"scripts": {       "postinstall" : "node_modules/.bin/bower install"   }

2，在Github中給項目啟用“Personal access tokens”以方便給VSO存取碼庫。

3，在VSO中建立一個項目（或者用一個已有項目）。作者特別提到，他管理自己的日常工作都是在VSO中建立一個項目，利用其中的Kanban功能來管理。在我看來，這確實是一個好點子，就不用去使用Trello之類的產品了。

4，進入VSO項目，進入“Build”標籤頁，建立一個空的構建定義。有意思的是，在建立的時候，微軟為大家提供了4中常用的模板，如：

5，進入構建定義編輯介面後，選擇“Repository”標籤頁，程式碼程式庫類型選擇“GitHub”，並粘貼GitHub的訪問Token，選擇需要構建的GitHub項目。

6，添加所需的構建步驟，構建步驟也有類型可選，在這裡可以選擇“npm install”來確保Grunt和Bower已經安裝；選擇“Command Line”來執行Grunt構建命令；選擇“Publish Build Artifacts”來把輸出內容複寫到伺服器。

7，給構建伺服器添加“npm”的能力。當然你也可以把構建伺服器安裝到自己額外的伺服器上，而不使用VSO提供的構建代理。

最後就可以手動或者自動執行持續整合了。由於操作不是文字就能完全說明白的，建議大家“閱讀原文”來查看圖文並茂的細節。

原文地址：http://ivision.com/blog/using-visual-studio-online-to-build-a-github-hosted-javascript-project-with-npm-bower-and-grunt-for-free

把VSO作為GitHub上JavaScript項目的免費CI伺服器