Visual Studio 使用 LibMan 管理器

LibMan 簡單是給淺入前端開發用的，假如做前後端分離應該是用不到這個的。

功能大致上有:

• 一個量級的管理工具
• 他可以從CDN下載下來
• 必須在VS 2017 以後版本才能下載

操作說明

在專案右鍵點選加入，在點選用戶程式庫(L)。

在程式庫(L)輸入twitter-bootstrap，會友自動提示訊息。

這邊可以選擇輸出地方，wwwroot是 .Net Core Web 靜態根路徑，這邊可以多一個lib目錄，讓你區分靜態程式。

會多出 LibMan.json設定檔案。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "twitter-bootstrap@5.1.3",
      "destination": "wwwroot/lib/twitter-bootstrap/"
    }
  ]
}

下圖簡單敘述

_Layout.cshtml 載入 前端css,js

編輯器輸入

_Layout.cshtml

1

 <link href="~/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />

我看舊版本可以直接拖拉進去。新版(2022)好像不行。

更多可以看官網文件:在 Visual Studio 中搭配 ASP.NET Core 使用 LibMan | Microsoft Docs

指令方式下載

相關搭配使用 LibMan CLI 搭配 ASP.NET Core | Microsoft Learn

TODO: Linux 操作再回來補

相關文章

• Visual Studio 2017中使用Libman管理客戶端庫 - LamondLu - 博客園