﻿# 介紹好用 Visual Studio 2010 擴充套件：All-In-One Code Framework Sample Browser

[Microsoft All-In-One Code Framework](https://github.com/sokcuri/1code) 又稱 **1code**，集結微軟開發平台中各個技術領域的範例程式碼，目前已經累積了超過六百多個含有完整且可執行的專案原始碼在上面，主要的目的就是用來幫助學習微軟技術的開發人員解決各種工作上常見的問題，而這些範例程式碼的產生都源自於 MSDN 論壇上、社交媒體或其他開發社群等提出的種種開發問題，並由微軟員工撰寫範例程式碼提供給所有開發人員下載參考、觀摩之用，這一切不但都是免費的，更重要的是：如果你覺得他們沒有你要的範例程式，你還可以提出需求，請微軟的工程師幫你撰寫範例程式，Oh~ My GOD~~

有了這麼多的原始碼可供參考，最首先面臨的問題就是不知道怎麼找到我要的原始碼呢？當然這就是我們這一篇文章的重點了，你只要透過 Visual Studio 2010 擴充管理員下載 [All-In-One Code Framework Sample Browser](https://marketplace.visualstudio.com/items?itemName=JialiangGeMSFT.MicrosoftAll-In-OneCodeFramework) 就能直接在 Visual Studio 2010 中直接瀏覽、搜尋這麼多的原始碼，以下就是安裝與套用的過程說明。

我們先不急著安裝 [All-In-One Code Framework Sample Browser](https://marketplace.visualstudio.com/items?itemName=JialiangGeMSFT.MicrosoftAll-In-OneCodeFramework) 擴充套件，而是先到 [Microsoft All-In-One Code Framework](https://github.com/sokcuri/1code) 下載完整的原始碼回來：[https://github.com/sokcuri/1code](https://github.com/sokcuri/1code)

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/933a8c7c698d9602c6ea-image_949.png)

下載完之後我們直接將 **All-In-One Code Framework.zip** 解壓縮到任意一個目錄下，假設我們解壓縮至 **B:\\Samples** 目錄，解壓縮後的目錄大致長這樣：

[![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/1f2edd0fec3fdba5da56-image_thumb_66.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/12b71c27e5f0ec76df92-image_950.png)

接著我們就可以開始用 Visual Studio 2010 擴充管理原來安裝 [All-In-One Code Framework Sample Browser](https://marketplace.visualstudio.com/items?itemName=JialiangGeMSFT.MicrosoftAll-In-OneCodeFramework) 擴充套件，開啟後點選 **線上圖庫** 分類，然後在右上角的搜尋文字框輸入 **One Code** 就可以查到 [All-In-One Code Framework Sample Browser](https://marketplace.visualstudio.com/items?itemName=JialiangGeMSFT.MicrosoftAll-In-OneCodeFramework) 項目（請注意不要選錯摟）。

[![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/8cf799b4b68688325bc7-SNAGHTML12d93f05_thumb.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/3900f07fc2595d2525b8-SNAGHTML12d93f05.png)

安裝好之後必須重新啟動 Visual Studio 2010，然後選取 \[工具\] / \[Search Code Sample\] 即可開啟：

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/575f60883fb59bcba6e4-image_951.png)

第一次使用時，他會要求你輸入你先前下載 [Microsoft All-In-One Code Framework](https://github.com/sokcuri/1code) 之後解壓縮的目錄：

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/48887da828f5e0d0afc2-image_952.png)

按下 **Save** 之後就完成了所有設定，隨即就會列出許多範例程式專案供您選擇，假設你想找與 Entity Framework 有關的範例，在畫面下方輸入 Entity Framework 即可進行搜尋，除之之外還能針對語言 ( C#, VB.NET, … ) 或採用的技術領域進行篩選，如下圖示：（點圖可放大顯示）

[![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/240b0b40e829c610a9ef-SNAGHTML12dfad13_thumb.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/e7d16ab7cab28ee60509-SNAGHTML12dfad13.png)

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/7b6220ab9d1cca08d04c-image_955.png)

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/33d17175bbf4c50c0826-image_956.png) 

除了能篩選資料外，每個專案的前面都有個 **Open** 的連結，點擊後原則上會直接開啟該專案。

不過如果 [All-In-One Code Framework Sample Browser](https://marketplace.visualstudio.com/items?itemName=JialiangGeMSFT.MicrosoftAll-In-OneCodeFramework) 發現程式碼範例有問題，也會提示你重新下載：

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/309ab9ef922fdd94430e-image_953.png)

之後該連結會變成 **Download** 字樣（如下圖示），當然你也可以點選 Download All 一次全部下載完畢：

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/6d59e431b99bb4804285-SNAGHTML12e3b09c.png)

點擊 **Download** 後原始碼範例會自動下載完成，無須人工介入，之後就可以直接點擊 **Open** 開啟專案，Visual Studio 2010 會啟動一個新的執行個體來開啟該專案，你就可以參照範例的內容學習該程式碼。

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/690ce3fe4410265eb4bd-image_954.png)

最後你還能以 Code 找 Code，在**原始碼編輯器**中只要將游標停留在任何一個單字上，按下滑鼠右鍵點選 Search Code Sample 也一樣能以該關鍵字對這六百多個專案進行檢索，方便你找到相似的範例程式碼。

![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/6f9ae29ce2de251b697e-image_957.png) 

透過這個 [All-In-One Code Framework Sample Browser](https://marketplace.visualstudio.com/items?itemName=JialiangGeMSFT.MicrosoftAll-In-OneCodeFramework) 工具，可以幫你搜尋出各種不同技術的範例程式碼，舉凡 MVVM、ASP.NET MVC、Entity Framework、LINQ、…幾乎你想的到的都應有盡有，除此之外，最近 [Microsoft All-In-One Code Framework](https://github.com/sokcuri/1code) 也將所有範例程式碼全數移植到 [MSDN Samples Gallery](http://code.msdn.microsoft.com/) 上面，在 [MSDN Samples Gallery](http://code.msdn.microsoft.com/) 這裡你能找到更多可參考的原始碼 (有一千多個)，真的有夠佛心的。

**相關連結**

-   [All-In-One Code Framework Sample Browser](https://marketplace.visualstudio.com/items?itemName=JialiangGeMSFT.MicrosoftAll-In-OneCodeFramework)
-   [Microsoft All-In-One Code Framework - a centralized code sample library](https://github.com/sokcuri/1code)
-   Request Code Sample from Microsoft All-In-One Code Framework
-   [Visual Studio Toolbox: All-In-One Code Framework](https://learn.microsoft.com/en-us/shows/visual-studio-toolbox/all-in-one-code-framework)
-   [MSDN Samples Gallery](http://code.msdn.microsoft.com/)
-   [MSFTonlinesupport 的頻道 - YouTube](http://www.youtube.com/msftonlinesupport)
