Visual Studio 使用 Web Deploy 部署到 IIS 方案

適用於 win 2012 srv

如果是 win 2012 以上版本,加入 IIS 管理服務,再打開IIS 就會出現安裝 Microsoft Web Platform 的訊息:

請注意,windows server 要檢查 IIS 管理服務是否已經安裝:

點選【是】就會進入安裝:

安裝 WPI 後,就要安裝 Web Deploy 3.6 for Hosting Servers(只需要安裝這個即可):

安裝完畢後,下一步就要建立專案,同時允許透過 Web Deploy 部署。首先,先建立網站對應的名稱與放置檔案的路徑:

其次,指定【IIS管理員權限】,這裡的重點只在於指定可以登入 windows 的帳號(用來之後在 Visual Studio deploy 設定使用):

接下來就可以在 Visual Studio 設定部署的方式了:

 

VS 2017 偵錯時候發生無法連結到Web伺服器 IIS Express

VS 2017 在執行 unit test 發生奇怪的問題,重新啟動後,按下 F5 偵錯,居然發生:

關機再開也沒有用,只好查網路說明了。最常見的說明:

除 .vs/ 目錄,或者重新修改 port 、或者
有人建議刪除 %userprofile%/Documents/IISExpress/config 資料夾,重啟 Visual Studio

但以上我測試結果都不行。,問題一樣發生。查了半天 Stackoverflow 有一篇文章 說可以將 Internet connection sharing 關閉:

果然用這個方式就可以順利解決問題。同時附註:一旦問題排除後,再重新啟動也是沒問題的。至於是麼原因那就只有天知道了…。

Visual Studio 2017 預設文件編碼改為 UTF-8

有些時候在撰寫程式時,會看到最終結果是亂碼:

但在 VS 2017 中的編輯器顯示是正常的:

<button class="btn btn-primary" type="submit"
        [disabled]="form.$pristine || form.$invalid" [faIcon]="'fa-save'">
    存檔
</button>
<button class="btn btn-warning" (click)="cancel(form)" type="button" [faIcon]="'fa-undo'">
    取消

這時可能就是編碼問題了,因為網頁預設採用 utf-8,但實際上VS用 big5 儲存。

修改方向如下:

1. 設定 VS 的編輯選項,將【無法以字碼頁儲存資料時,將文件儲存為 unicode】:

2. 已經寫的文件,可以透過文字檔檔編輯方式改為 utf-8,或者透過另存方式指定編碼:

VS 2017 建議安裝擴充套件

Visual Studio 是一個強大的開發工具,尤其套件更是可以簡化開發的時間。建議以下幾個套件可以讓程式開發上更加得心應手。

安裝套件主要是在 Visual Studio Marketplace: Extensions for the Visual Studio family of products

可以直接在 VS 2017 中,點選【工具】->【擴充功能與更新】,再點選【線上】,在搜尋中輸入字串就可自動查詢:

 Add New File

可以直接在畫面上按下 shift + F2 就可以輸入檔案,自動會將檔案放入到指定的目錄中

Code Alignment:

提供快速功能,可以依據不同的特殊字元排序

Shortcuts

Align by… (Dialog) Ctrl + Shift + =
Align by position… (Dialog) Ctrl + =, Ctrl + Backspace
Align by Equals Ctrl + =, Ctrl + =
Align by m_ Ctrl + =, Ctrl + m
Align by Ctrl + =, Ctrl +
Align by . Ctrl + =, Ctrl + .
Align by Space Ctrl + =, Ctrl + Space

VSColorOutput

提供美化 Output 視窗的文字,容易辨識最後結果:

以下幾個是大名鼎鼎的 Productivity Power Tools 2017,但目前提供可以單獨安裝的模組,因此挑選幾個常用的如下:

Github Extension for Visual Studio

必須要用系統管理員執行 VS 2017 後才會生效(因為會修改相關的介面)

安裝完畢後,仍會出現要求安裝 third party Git 套件(此即為 Git windows 官方套件)畫面,直接安裝就可以在 command prompt 使用 git command:

安裝過程中可以點選安裝 unix tool in CMD,如此就可以將 ls 等命令放入到 CMD 中(請注意這會影響到既有的 find command)。

Roslynator 2017

提供 Refactoring 大部分的功能,必須要安裝! A collection of 190+ analyzers and 180+ refactorings for C#, powered by Roslyn.

Viasfora

提供 Keyword Highlight 等等,讓程式碼更加美觀

ZenCoding

快速完成 HTML short cut,例如:  ul>li*3 就會自動產生: <url><li></li>…</ul>

或者直接使用 p + Tab 就可以產生 <p></p>