﻿# WebMatrix 快速上手系列 1：使用 Web PI 安裝 WebMatrix

[Microsoft WebMatrix](http://www.microsoft.com/web/webmatrix/) 是微軟全新的免費開發工具，若要跟 Visual Studio 2010 比起來當然是小巫見大巫，不過如果對一些並非專門從事網頁開發的人來說，真的是個不可多得的好物，與其說是「開發工具」，倒不如說 WebMatrix 是一種「**網站管理工具**」其實也蠻貼切的，我這一系列的文章，就是寫給 MIS 以及需要管理網站的 Webmaster 看的，希望能夠幫助到哪些需要管理網站，但又不太熟悉網站建置與程式開發的人。

此系列的第一篇，是要教大家如何安裝 [WebMatrix](http://www.microsoft.com/web/webmatrix/) 工具，由於安裝 WebMatrix 工具必須包含許多相關的套件，如果要逐一手動安裝所有相關的軟體並不是非常容易，基本上為了安裝 [WebMatrix](http://www.microsoft.com/web/webmatrix/) 必須還要安裝以下軟體：

-   Microsoft .NET Framework 4
-   ASP.NET Web Pages
-   ASP.NET Web Pages 語言套件
-   Microsoft SQL Server Compact 4.0 Tools
-   Microsoft SQL Server Compact 4.0
-   Web Deployment Tool 2.1
-   IIS 7.5 Express
-   SQL Server 系統 CLR 類型
-   SQL Server Native Client
-   SQL Server 2008 R2 管理物件

如此多的軟體要逐一安裝需要許多時間，因此最簡單的方式就是透過 [Web Platform Installer](http://www.microsoft.com/web/downloads/platform.aspx) ( Web PI ) 來安裝 [WebMatrix](http://www.microsoft.com/web/webmatrix/)，所有必要安裝的相關軟體都會自動幫你安裝完成。

首先，我先準備了壹台乾淨的 Windows 7 電腦，此電腦僅僅是作業系統剛安裝完成時的狀態而已，什麼軟體都沒有安裝過，全部都是作業系統內建的環境而已，連 IIS 功能都不需要預先安裝。

以下是安裝過程的詳細步驟說明：

1\. 透過搜尋引擎搜尋 **Web PI** 找到此工具，或是用微軟的 [http://web.ms/](http://web.ms/) 短網址進入該網頁。

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/c2228686691436fcc6b8-image_834.png)

2\. 點選綠色的圖示進行下載：

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/0a6c51ec8d8ac5baf070-image_835.png)

3\. 下載後直接執行此安裝程式，剛此安裝程式會動態下載所有最新的微軟產品與各式 Web 軟體。

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/04663230444f88e912a5-image_836.png)

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/9767dbf2baf8eac7da32-SNAGHTML795b062.png)

4\. 接著就會看到 [Microsoft WebMatrix](http://www.microsoft.com/web/webmatrix/) 可供選取，直接點選**新增**，並按下右下角的 **安裝** 即可啟動安裝：

[![Web Platform Installer 3.0](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/1572370743136bc5a6bb-image_thumb_58.png "Web Platform Installer 3.0")](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/f4149b78e27d968bf971-image_837.png)

5\. 接下來的確認頁面你會發現，除了安裝 [WebMatrix](http://www.microsoft.com/web/webmatrix/) 之外，他還額外幫你安裝了許多必須必要的軟體起來，而且所有套件 [Web PI](http://www.microsoft.com/web/downloads/platform.aspx "Web Platform Installer") 都會自動幫你下載並安裝。

[![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/e50535b0e038e675a4fe-image_thumb_59.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/648eb1c88741ba16aea8-image_838.png)

6\. 安裝過程大約 20 分鐘，要依據你目前的網路速度與電腦速度而定：

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/622547bf330c984df0ee-image_839.png)

7\. 最後你會在 \[開始\] 功能表找到 [Microsoft WebMatrix](http://www.microsoft.com/web/webmatrix/) 應用程式，點擊即可開啟使用

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/8b3d60a3f87935f63e6d-image_840.png)

以下是 [Microsoft WebMatrix](http://www.microsoft.com/web/webmatrix/) 第一次啟動時的「快速入門」畫面，也代表已經程式已自動安裝完成：

[![Microsoft WebMatrix](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/316e9b5efd9a46356fc4-image_thumb_60.png "Microsoft WebMatrix")](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/c2e2d6319ba10430d1b9-image_841.png)

8\. 當點選「我的站台」時，[Microsoft WebMatrix](http://www.microsoft.com/web/webmatrix/) 會預設先幫你建立起一個 **WebSite1** 站台

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/87919527f3fbaea7f361-image_842.png)

9\. 當你想針對此網站進行測試，只要按下 \[**執行**\] 按鈕，就會立刻在 IIS 7.5 Express 啟動一個臨時的網站站台，也會立即開啟瀏覽器進行測試。

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/a1e849eaa07ab64fb88b-image_843.png)

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/64e0c22846304e895835-image_844.png)

接下來，你就可以開始嘗試 [Microsoft WebMatrix](http://www.microsoft.com/web/webmatrix/) 的所有功能，也許對開發人員來說會覺得「為什麼功能這麼少」，但是事情並不是你想的那樣，精簡過的介面背後卻蘊藏著許多強大的功能，在我們後續的文章裡，會慢慢的逐一介紹每項功能的細節與 WebMatrix 精彩絕倫的地方，敬請拭目以待。 ^\_^

另外，我也將安裝的過程錄製成影片如下，有興趣的人也可以看看：

[![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/84a05fa5c7d79c33b735-videoad199b2121bb.jpg)](http://www.youtube.com/watch?v=9DEM1tD5MqQ)

**相關連結**

-   [Microsoft WebMatrix](http://www.microsoft.com/web/webmatrix/) (官網)
-   [Microsoft Web Platform Installer 3.0](http://www.microsoft.com/web/downloads/platform.aspx)
-   [WebMatrix: The Official Microsoft ASP.NET Site](http://www.asp.net/webmatrix)
