跳到主要內容

dotnet core libman 安裝及操作

libman 是 dotnet core 常用的CLI 整合工具,其一般安裝方式可以透過dotnet sdk 命令進行執行

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

完成安裝後,使用者資料夾\.dotnet\tools\.store 會看到 microsoft.web.librarymanager.cli



可以在主控台環境下執行libman 相關指令 libman --help 或 libman -h

查詢libman 版本

libman --version



在網站專案使用 LibMan 做套件管理  libman init



使用「ibman init」 進行初始化之後,專案資料夾會建立 「libman.json」 檔案,若沒有選擇特定提供者,則會以 cdnjs 為主要來源做預設值(直接按 Enter就會以 cdnjs),其它有效選項為
cdnjs、filesystem、jsdelivr、unpkg


{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": []
}

這裡有一點需要注意,就是進行 libman init 初始化後,如果專案在vs code 的環境之下執行,必須重新再開啟專案喔

接下來這裡使用 libman 安裝 jquery3.5.1  為範例


Windows PowerShell
Copyright (C) Microsoft Corporation. 著作權所有,並保留一切權利。

請嘗試新的跨平台 PowerShell https://aka.ms/pscore6

PS E:\janchen\AspNetCore1\AspNetCore1> libman install jquery@3.5.1 --provider cdnjs --destination wwwroot\scripts\jquery

正在下載檔案 https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js...
正在下載檔案 https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js...      
正在下載檔案 https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.map...     
正在下載檔案 https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.js...     
正在下載檔案 https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js... 
正在下載檔案 https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.map...
wwwroot/scripts/jquery/jquery.js 已寫入磁碟
wwwroot/scripts/jquery/jquery.min.js 已寫入磁碟
wwwroot/scripts/jquery/jquery.min.map 已寫入磁碟     
wwwroot/scripts/jquery/jquery.slim.js 已寫入磁碟     
wwwroot/scripts/jquery/jquery.slim.min.js 已寫入磁碟 
wwwroot/scripts/jquery/jquery.slim.min.map 已寫入磁碟
已將程式庫 "jquery@3.5.1" 安裝到 "wwwroot\scripts\jquery"
PS E:\janchen\AspNetCore1\AspNetCore1> 


jqery3.5.1  會透過 LibMan 安裝至專案的 wwwroot/scripts/jquery資料夾,若只須安裝 jquery.min.js,則可以再以下列指令進行安裝

libman install jquery@3.5.1 --provider cdnjs --destination wwwroot\scripts\jquery --files jquery.min.js




執行安裝後,libman.json 也會紀錄安裝的前端程式庫資訊

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "jquery@3.5.1",
      "destination": "wwwroot\\scripts\\jquery"
    }
  ]
}


若其他專案需要相同的程式庫配置方式,也可以透過 libman restore ,將 libman.json 的相關程式進行還原安裝


相關參考:



以上就是LibMan 的使用操作














留言

這個網誌中的熱門文章

asp.net core 整合 bootstrap 第三方套件 AdminLTE

過去開發asp.net、asp.net mvc,曾經透過layout 或是 masterpage 設定bootstrap的RWD 模板,並且調用其他非官方的plugin 進行開發測試 同樣 asp.net core 的開發上,將來也會有相同的需求,因此也是透過之前使用的AdminLTE進行開發,這在官網也有最新版本的範本demo https://adminlte.io/themes/dev/AdminLTE/index.html 一、下載AdminLTE 筆者在開發上,所使用的是如圖中這兩個版本 二、建立Asp.Net Core 專案 首先透過命令列,在專案資料夾建立一個Asp.Net Core的MVC專案 D:\ASpNetCoreMvc1\dotnet new mvc 三、Asp.Net Core 檔案配置 接著依據AdminLTE-master 的架構,進行靜態檔案的配置 在asp.net core 的靜態檔案架構上,跟過去在asp.net 的方法也有很大的變革,這個必須配置在wwwroot的資料夾,所以筆者將套件包的檔案下載後,直接複製到 wwwroot 進行設定 內部有些檔案是我自己另外寫的,但大致結構仍以RWD為主的配置。另外如果靜態檔案未配置於wwwroot資料夾,網頁執行後將無法執行css及js 四、進行Layout檔案配置更新 回歸到版面配置重點,在 _Layout 的靜態檔案版面配置方式,其實與asp.net 沒有太大的改變 @RenderBody() 這裡是版面內要處理的部份 五、執行網頁

鹽水小鎮風光

連假拍很多花花草草

最近很多人家種雞蛋花,剛好是開花季節 附近還是可以找到傳統三合院,橫樑有鳳頭 公園的斑鳩 一處舊民宅旁邊開的花叢 黃金樹的花季,這時候已經接近尾聲了 偶爾會看到金露花叢,我比較喜歡拍澄色果實 仁武舊糖鐵遺跡,很久以前我拍過一次 仁武高中圍牆邊的一棵樹也在開花 這邊一戶民宅,看到圍牆的質感,可以推斷已經很有歷史了 這邊是早上對焦不好拍壞掉,中午經過又重拍一次