2018年5月25日 星期五

在VS2017 使用Library Manager


Tool:Visual Studio Enterprise 2017 15.7.2
SDK:.NET Core SDK 2.1.300 -RC1
OS:Windows 10

將Visual Studio Enterprise 升級至15.7.2版,似乎還看不到整合Library Manager工具的圖型介面,在目前的ASP.NET Core專案中,若要利用Library Manager下載jQuery與Bootstrap套件,可以參考以下步驟:

先使用NuGet Package Manager安裝以下套件:

Microsoft.Web.LibraryManager.Build

image

在專案根目錄加入一個文字檔案,檔名為 : libman.json

在libman.json檔案中加入以下設定,以下載jQuery與Bootstrap:

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "defaultDestination": "wwwroot/lib",
  "libraries": [
    {
      "library": "jquery@3.3.1",
      "files": [
        "jquery.min.js"
      ]
    },
    {
      "library": "twitter-bootstrap@3.3.7",
      "files": [
        "js/bootstrap.min.js",
        "css/bootstrap-theme.min.css",
        "css/bootstrap.min.css",
        "fonts/glyphicons-halflings-regular.eot",
        "fonts/glyphicons-halflings-regular.svg",
        "fonts/glyphicons-halflings-regular.ttf",
        "fonts/glyphicons-halflings-regular.woff",
        "fonts/glyphicons-halflings-regular.woff2"
      ]
    }
  ]
}


儲存檔案之後,只要建置(Build)專案,就會自動Restore Package:

image

完成後的專案看起來如下:

image

沒有留言:

總網頁瀏覽量