[打造自己的template-建立一致性程式碼][06]建立Item Template

圖片來源：https://pixabay.com/en/annual-report-book-brochure-686343/

在上篇（[05]建立多專案(multi project)的Template）了解了如何建立Multi Project了之後， Project Template基本上就告一個段落了。

在這篇則是針對另外一種Template：Item Template的建立方式做一個介紹。

匯出用的範例程式碼 github mhat-visualstudio-template sample/chapter05

• 建立Item Template
  
• 透過匯出的方式建立
  
• 丟到正確的路徑安裝到VS
  
• 測試結果
  
• Item Template和Project Template的不同之處
  
• 結語
  
• 參考資料
  

[打造自己的template-建立一致性程式碼][05]建立多專案(multi project)的Template

圖片來源：https://pixabay.com/en/annual-report-book-brochure-686343/

在上篇[04]了解vstemplate來微調匯出的Template和強制VS更新Template的方式 了解了project template的最重要檔案，vstemplate並且了解了如何微調匯出的Template。

在這一篇將會在了解如何調整vstemplate來建立多Project（multi project）的Project Template。

範例程式碼 github mhat-visualstudio-template sample/chapter05

• 為什麼會需要Multi Project Template
  
• 建立Multi Project的情境
  
• 建立Multi Project Template
  
• 先把兩個project用匯出的方式匯出Project Template
  
• 建立出multi project template的資料夾結構
  
• 整個打包zip
  
• 放到對應路徑
  
• 測試最後結果
  
• 結語
  
• 參考資料
  

[打造自己的template-建立一致性程式碼][04]了解vstemplate來微調匯出的Template和強制VS更新Template的方式

了解vstemplate來微調匯出的Template和強制VS更新Template的方式

在上一篇[打造自己的template-建立一致性程式碼][03]透過匯出建立Project Template透過匯出的方式得到了 一個zip檔案。可以透過放到對應位置來達到安裝到VS上面。

但是匯出來的zip檔案其實有一些不如意的地方，因此在這篇將會介紹Project Template組成的原理來方便微調並且介紹如何讓VS更新Template。

之前建立的sample 程式用來產生範本在 github mhat-visualstudio-template sample/chapter02

• 了解匯出的zip檔案內容
  
• vstemplate檔案內容
  
• TemplateData
  
• TemplateConten
  
• cs檔案有被調整的內容 - Parameter介紹
  
• 微調的部分
  
• 修正建立專案預設名稱
  
• 管理Project Template到某個分類
  
• 更新template - 如何讓vs重新刷新
  
• 找到對應的VS 暫存位置
  
• 把對應的TemplateCache資料夾刪掉
  
• 重新開啟VS
  
• 結語
  

[打造自己的template-建立一致性程式碼][03]透過匯出建立Project Template

圖片來源：https://pixabay.com/en/annual-report-book-brochure-686343/

在上一篇[打造自己的template-建立一致性程式碼][02]了解template類型和建立出要變成範本的程式建立出一個能夠用Console Process Template套件建立出來的的Echo程式之後，在這篇我們將會把建立的程式變成範本。

我們將會透過VS匯出的功能產生Template，並且介紹如何匯入匯出的template。

上篇建立的sample 程式在 github mhat-visualstudio-template sample/chapter02

• 匯出成Project Template
  
• 使用匯出的範本
  
• Template放置的位置
  
• 匯入template
  
• 測試範本
  
• 結語
  
• 參考資料
  

[打造自己的template-建立一致性程式碼][02]了解template類型和建立出要變成範本的程式

圖片來源：https://pixabay.com/en/annual-report-book-brochure-686343/

上篇了解了template的重要性之後，在這篇將會先介紹Visual Studio裡面的兩種Template：Project Template和Item Template。

了解完兩種template類型之後，將會開始打造我們的template。這邊會以一個我自己的的open source console專案作為之後範本的目標，然後建立出一個實用這個套件的簡單console程式，未來會被用來做於template。

sample 程式在 github mhat-visualstudio-template sample/chapter02

• Template類型
  
• Project Template
  
• Item Template
  
• 準備建立自己的Project Template
  
• 快速介紹MHAT-ConsoleApp-ProcessTemplate專案
  
• 準備未來範本長的樣子
  
• 1. 建立一個一般的Console程式
  
• 2. 安裝套件 MHAT.ConsoleApp.ProcessTemplate
  
• 3. 最後調整應該要包含的檔案
  
• 測試剛剛建立的程式
  
• 結語
  

[打造自己的template-建立一致性程式碼][01]開篇

圖片來源：https://pixabay.com/en/annual-report-book-brochure-686343/

在公司裡面或者自己建立的套件/框架一般來說使用上都有一定的規範。例如ViewModel應該開在哪裡？建立之後要繼承什麼class？應該要有什麼namespace等。

如果規範沒有好好遵守，很容易一個人寫一個樣，另外一個人寫另外一樣 - 或許從最終結果來說沒有差異（會動就好XD），但是對於未來要維護的時候會造成很大困擾。

因此如何讓不同團隊成員有一樣概念來建立一致性專案就是一件非常麻煩的事情，而Template（範本）就是專門來解決這個問題。

• 為什麼寫這個主題？
  
• 這個系列到底包含那些內容？
  
• 結語
  

IIS 無法取得font - 錯誤 Failed to decode downloaded font - 了解MIME設定和gitattributes錯誤導致的問題

圖片來源：https://pixabay.com/en/despair-alone-being-alone-archetype-513528/

最近在案子裡面遇到網站有使用到Fontello的元件。網站的靜態切板沒什麼問題但是掛到了iis之後，發現icon的部分都出不來，然後chrome F12的developer工具出現了錯誤訊息：

Failed to decode downloaded font

OTS parsing error: incorrect file size in WOFF header

   

但是看network裡面fontello的font又有load成功

這不是我第一次使用這種font相關的套件，為什麼以前沒有發生呢？這篇將會對於發生的原因和解決方式做個總結。

關鍵字：fontello出不來、fontawesome出不來、無法使用font套件

• 解決方式 - TL;DR
  
• IIS需要設定font附件的MIME類型
  
• 注意font的line ending是不是被改動了
  
• 問題發生原因
  
• 了解MIME設定
  
• MIME目的是什麼？
  
• MIME的全稱和格式
  
• MIME和web（http）的關係
  
• 這個和我們問題有什麼關係？
  
• git line ending問題
  
• 結語