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:
接著便會出現一個對話盒,選擇Provider並可搜尋套件:
在@號後輸入數字,可以選擇要安裝的版本:
選取要安裝的套件,設定Target Location,按Install按鈕就可。
安裝完成後專案中會自動產生libman.json組態設定檔案,紀錄已安裝的套件與版本:
{
"version": "1.0",
"defaultProvider": "cdnjs",
"libraries": [
{
"library": "jquery@3.3.1",
"destination": "wwwroot/js/jquery/"
}
]
}
安裝完的結果參考如下:
若要重新安裝套件,或移除安裝的套件,可以選取libman.json檔案,按滑鼠右鍵,選取Restore或Clean:
另一種安裝方式是透過CLI命令。先在命令提示字元執行以下命令,安裝Library Manager工具程式:
dotnet tool install -g Microsoft.Web.LibraryManager.Cli
你也可以在Nuget網站查詢套件版本相關資訊:
https://www.nuget.org/packages/Microsoft.Web.LibraryManager.Cli/
安裝完成畫面:
接下來便可以下指令安裝,如安裝jQuery
libman install jquery
接著會詢問DefaultProvider與Destination,按Enter接受預設值即可:
不過,destination的路徑設定在Visual Studio中會抱怨錯誤:
手動修改如下即可:
{
"version": "1.0",
"defaultProvider": "cdnjs",
"libraries": [
{
"library": "jquery@3.3.1",
"destination": "wwwroot/lib/jquery"
}
]
}
沒有留言:
張貼留言