Visual Studio

建立好專案和項目範本後，雖然只是放到固定的資料夾就可以使用 但如果要和團隊分享的話，可以考慮新增一個擴充套件比較方便 首先要先安裝Visual Studio SKD，這裡以2013版為例 http://www.microsoft.com/en-us/download/details.aspx?id=40758 [](http://4.bp.blogspot.com/-FbinvEcsJ2g/U0UDS0sHgVI/AAAAAAAABMg/VISEcc-iCQw/s1600/01.%E4%B8%8B%E8%BC%89SDK.png) 安裝後開新專案在擴充性下面就會有一個VSIX專案 [](http://2.bp.blogspot.com/-Zp6MpLRTQLA/U0UDXn5GLsI/AAAAAAAABM0/IDSfh9A30CQ/s1600/02.%25E6%2596%25B0%25E5%25A2%259E%25E6%2593%25B4%25E5%2585%2585%25E5%25B0%2588%25E6%25A1%2588.png) 先把專案資訊填一填 [](http://3.bp.blogspot.com/-z3eh5_sZQWY/U0UDXk8A3EI/AAAAAAAABM4/Ljf-XvB7oAg/s1600/03.%25E5%25B0%2588%25E6%25A1%2588%25E8%25B3%2587%25E8%25A8%258A.png) 這邊是選擇可以安裝這個擴充套件的Visual Studio版本 [](http://2.bp.blogspot.com/-Y5sSIH4G_fE/U0UDXo4clOI/AAAAAAAABM8/8KDpA-9sg0s/s1600/04.%25E5%25AE%2589%25E8%25A3%259D%25E7%259B%25AE%25E6%25A8%2599.png) 這邊是選擇要安裝的項目，也是主要設定的項目 [](http://2.bp.blogspot.com/-VDQLbbUkRtU/U0UDarsXt5I/AAAAAAAABNs/Nk_mPTKtGa4/s1600/05.%25E8%25A6%2581%25E5%25AE%2589%25E8%25A3%259D%25E7%259A%2584%25E9%25A0%2585%25E7%259B%25AE.png) 先新增一個專案範本，選擇之前建立的範本 [](http://1.bp.blogspot.com/-5WT7V3S0ZDQ/U0UDYZ4msII/AAAAAAAABNQ/uq8y3BuqMc0/s1600/06.%25E6%2596%25B0%25E5%25A2%259E%25E5%25B0%2588%25E6%25A1%2588%25E7%25AF%2584%25E6%259C%25AC.png) 再新增一個項目範本，選擇之前建立的範本 [](http://1.bp.blogspot.com/-z1Y2u-EpCCM/U0UDYvmMuMI/AAAAAAAABNI/320yJqFRKXQ/s1600/07.%25E6%2596%25B0%25E5%25A2%259E%25E9%25A0%2585%25E7%259B%25AE%25E7%25AF%2584%25E6%259C%25AC.png) 設定好後會自動把範本複製進來，基本這樣就完成了 [](http://4.bp.blogspot.com/-9GvJmdfXOS0/U0UDZZXbXRI/AAAAAAAABNY/-wf7K2t_dsE/s1600/08.%25E7%25AF%2584%25E6%259C%25AC%25E8%25B7%25AF%25E5%25BE%2591.png) 但是範本會和預設的範本混在一起，為了方便起來還是建立一個自訂的分類比較好找 所以手動調整一下，新增一個資料夾就行了，資料夾名稱就要自訂分類的名稱 [](http://2.bp.blogspot.com/-lSdbxhJb020/U0UDZhk7jXI/AAAAAAAABNg/MX0pMyUpVJk/s1600/09.%25E8%25AA%25BF%25E6%2595%25B4%25E5%25BE%258C%25E7%259A%2584%25E8%25B7%25AF%25E5%25BE%2591.png) 設定好了建置一下方案，就可以得到這個擴充套件了 [](http://4.bp.blogspot.com/-IifBLJWGli8/U0UEfzUfRwI/AAAAAAAABN0/21BH5AY8meo/s1600/10.%E5%BB%BA%E7%BD%AE.png) 延伸閱讀 新增專案範本 http://blog.developer.idv.tw/2014/04/visual-studio.html 新增項目範本 http://blog.developer.idv.tw/2014/04/visual-studio_9.html 參考連結 http://timheuer.com/blog/archive/2010/05/03/create-vsix-files-with-visual-studio-template-deployment.aspx http://msdn.microsoft.com/zh-tw/library/ms247119.aspx

除了專案範本之外，也可以用同樣的方式打包出項目範本 先開一個Console專案，沒有特別的原因，只是為了環境簡單而已 [](http://3.bp.blogspot.com/-lr270F-0j9M/U0T4EEiDsRI/AAAAAAAABLM/POKt5GGOQ9k/s1600/01.console%25E5%25B0%2588%25E6%25A1%2588.png) 以最常建立的類別為例[](http://1.bp.blogspot.com/-0Z_BtrVYON0/U0T4EOj2wTI/AAAAAAAABLU/z0Lu0wRkaEA/s1600/02.%25E6%2596%25B0%25E5%25A2%259E%25E9%25A1%259E%25E5%2588%25A5.png) 修改成適合StyleCop的格式 //----------------------------------------------------------------------- // <copyright file="Class1.cs" company="developer.idv.tw"> // Copyright © 2014 developer.idv.tw all rights reserved. // </copyright> //----------------------------------------------------------------------- namespace ConsoleApplication1 { using System; /// &lt;summary&gt; /// Class1 Class /// &lt;/summary&gt; public class Class1 { /// &lt;summary&gt; /// Initializes a new instance of the &lt;see cref="Class1"/&gt; class /// &lt;/summary&gt; public Class1() { } } } 修改好了一樣選擇左上角的檔案>>匯出範本 [](http://2.bp.blogspot.com/-TyjtiavL1UQ/U0T4ECxMbnI/AAAAAAAABLQ/3Wru9cU50vs/s1600/03.%25E5%258C%25AF%25E5%2587%25BA%25E7%25AF%2584%25E6%259C%25AC.png) 這次選擇匯出項目範本 [](http://2.bp.blogspot.com/-kaNXqcimBag/U0T4EvIX_dI/AAAAAAAABLs/TRt5lU6oFZg/s1600/04.%25E6%2596%25B0%25E5%25A2%259E%25E9%25A0%2585%25E7%259B%25AE%25E7%25AF%2584%25E6%259C%25AC.png) 選擇要匯出的檔案範本 [](http://3.bp.blogspot.com/-WSXmUJBP5lQ/U0T4FGTVchI/AAAAAAAABLo/qtv0hcDnvk0/s1600/05.%25E9%2581%25B8%25E6%2593%2587%25E6%25AA%2594%25E6%25A1%2588.png) 如果這個項目需要相依於特定元件的話，就要在這裡勾選起來 [](http://1.bp.blogspot.com/-08OwHEx9VpY/U0T4FNid7FI/AAAAAAAABLk/8OZ8WVytVSs/s1600/06.%25E6%2596%25B0%25E5%25A2%259E%25E5%258F%2583%25E8%2580%2583.png) 最後輸入這個項目範本的資訊就建立好了 [!

每次開新專案多少都要手動調整一些設定，一直做重覆的事總是有點煩，所以找了一下專案範本建立的方式，還滿簡單的，在此記錄一下 首先新增一個Web專案來當例子 這裡以一個空白的MVC專案為例 [](http://1.bp.blogspot.com/-DOvx8QHwAZQ/U0TtUnr4f1I/AAAAAAAABJk/7oFJbmtqi_k/s1600/02.MVC%25E5%25B0%2588%25E6%25A1%2588.png) 先把套件更新到最新版 [](http://2.bp.blogspot.com/-qwypMRYrpIM/U0TtUmQKqAI/AAAAAAAABJs/7ULgEJeFND4/s1600/03.%25E6%259B%25B4%25E6%2596%25B0%25E5%25A5%2597%25E4%25BB%25B6.png) 順便把BootStrap套件裝進來 [](http://4.bp.blogspot.com/-rtuKS7bzKkE/U0TtUs-HCZI/AAAAAAAABJg/lTmfYFP4R5M/s1600/04.BootStrap.png) 新增一個Site.css和新增一個預設的Controller 還要手動要調整的部份也調一調 最後網站的結構長這個樣子 [](http://4.bp.blogspot.com/-mOpdiXgZyZs/U0TtVSeDWhI/AAAAAAAABJo/JmpABdi5gjI/s1600/05.%25E6%2596%25B0%25E5%25A2%259EView.png) 接下來要開始匯出這個專案當範本 點選左上角的檔案>>匯出範本 [](http://1.bp.blogspot.com/-0nb_eKmmgI8/U0TtX2Ws26I/AAAAAAAABKg/EvBZ3OndPls/s1600/06.%25E5%258C%25AF%25E5%2587%25BA%25E7%25AF%2584%25E6%259C%25AC.png) 照著匯出範本精靈的說明就行了 這裡以專案範本為例繼續下一步 [](http://1.bp.blogspot.com/-TIcCc3_B3h8/U0TtVsx8cEI/AAAAAAAABKA/EtCB9r0Hoks/s1600/07.%25E5%25B0%2588%25E6%25A1%2588%25E7%25AF%2584%25E6%259C%25AC%25E7%25B2%25BE%25E9%259D%2588.png) 範本名稱是要給人看的 範本描述簡單說明一下這個專案是做什麼用的 如果有圖片的話也可以放進來 專案範本就完成了[](http://1.bp.blogspot.com/-elu9-BJQGaQ/U0TtV8kjidI/AAAAAAAABJ4/lWgTinUdLQ4/s1600/08.%25E5%258C%25AF%25E5%2587%25BA%25E5%25B0%2588%25E6%25A1%2588%25E7%25AF%2584%25E6%259C%25AC.png) 因為剛有勾選自動將範本匯入Visual Studio，所以開新專案的時後，就可以看到剛建立的專案範本了 [](http://2.bp.blogspot.com/-L_oMOayUJNc/U0TtW1-oFYI/AAAAAAAABKI/phhjmku5sFU/s1600/09.%25E9%2596%258B%25E6%2596%25B0%25E5%25B0%2588%25E6%25A1%2588.png) 但這個範本和預設的範本放在一起不太好找 接下來希望能有一個自已的分類 首先找到自訂範本的位置 [](http://2.bp.blogspot.com/-H1O_ErSms_c/U0TyGqKM3TI/AAAAAAAABKw/zjSmcw7Kujc/s1600/10.1%E7%AF%84%E6%9C%AC%E9%A0%90%E8%A8%AD%E5%80%BC%E7%BD%AE.png) 打開後會看到剛剛匯出的專案範本，其實就是一個壓縮檔 [](http://1.bp.blogspot.com/-Iw7XakUUcQY/U0TtXZ6ih4I/AAAAAAAABKQ/1O2Z9zZ7MNE/s1600/10.%25E7%25AF%2584%25E6%259C%25AC%25E4%25BD%258D%25E7%25BD%25AE.png) 因為要建立分類，所以將這個範本移動到Visual C#資料夾下面 建立的目錄名稱就是之後分類層級的名稱 [](http://3.bp.blogspot.com/-_Y1dYlRh8K0/U0TtXuBYUqI/AAAAAAAABKk/oRrL66fV0hM/s1600/11.%25E8%2587%25AA%25E8%25A8%2582%25E7%25AF%2584%25E6%259C%25AC%25E4%25BD%258D%25E7%25BD%25AE.png) 再開一次新專案，就會看到自訂層級的專案範本了 [](http://4.bp.blogspot.com/-IITmIIHdz0s/U0TtYFS0c8I/AAAAAAAABKc/rL5QQdKbHYU/s1600/12.%25E7%25AF%2584%25E6%259C%25AC%25E9%259A%258E%25E5%25B1%25A4.png) 延伸閱讀 新增項目範本 http://blog.developer.idv.tw/2014/04/visual-studio_9.html 新增擴充套件 http://blog.developer.idv.tw/2014/04/visual-studio_522.html 參考連結 http://www.dotblogs.com.tw/hatelove/archive/2011/07/06/visual-studio-create-your-project-template.aspx [http://msdn.