2018年9月4日 星期二

在VS2017 使用Library Manager - 2

Tool:Visual Studio Enterprise 2017 15.8.2
SDK:.NET Core SDK 2.1.401
OS:Windows 10

在Visual Studio 2017 15.8.2版中,已經提供了Library Manager,可用於下載前端開發套件。在目前的ASP.NET Core專案中,若要利用Library Manager下載jQuery,可以參考以下步驟。

在網站專案wwwroot資料夾按右鍵,選Add –> Client-Side Library:

image

接著便會出現一個對話盒,選擇Provider並可搜尋套件:

image

在@號後輸入數字,可以選擇要安裝的版本:

image

選取要安裝的套件,設定Target Location,按Install按鈕就可。image

安裝完成後專案中會自動產生libman.json組態設定檔案,紀錄已安裝的套件與版本:

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "jquery@3.3.1",
      "destination": "wwwroot/js/jquery/"
    }
  ]
}

安裝完的結果參考如下:

image


若要重新安裝套件,或移除安裝的套件,可以選取libman.json檔案,按滑鼠右鍵,選取Restore或Clean:

image


另一種安裝方式是透過CLI命令。先在命令提示字元執行以下命令,安裝Library Manager工具程式:

dotnet tool install -g Microsoft.Web.LibraryManager.Cli

你也可以在Nuget網站查詢套件版本相關資訊:

https://www.nuget.org/packages/Microsoft.Web.LibraryManager.Cli/

安裝完成畫面:

image

接下來便可以下指令安裝,如安裝jQuery

libman install jquery

接著會詢問DefaultProvider與Destination,按Enter接受預設值即可:

image

不過,destination的路徑設定在Visual Studio中會抱怨錯誤:

image

手動修改如下即可:

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "jquery@3.3.1",
      "destination": "wwwroot/lib/jquery"
    }
  ]
}

沒有留言:

總網頁瀏覽量