跳到主要內容

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 的相關程式進行還原安裝


相關參考：
https://docs.microsoft.com/zh-tw/aspnet/core/client-side/libman/libman-cli?view=aspnetcore-5.0
https://dotblogs.com.tw/Im_sqz777/2020/09/03/222746



以上就是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() 這裡是版面內要處理的部份 五、執行網頁
張貼留言
閱讀完整內容

大社老街屋巡禮

  這座三合院的馬背雕飾蠻細工的 上面兩幢的側牆馬背，都有特別的雕飾，這是常見的三合院風格 在我走回程往我家的方向，又看到幾座大院，後頭都是現代化的樓房 這座三合院蠻有規模的，院子邊還有一座古井，也很有歷史了 這是舊三合院的側屋殘壁，屋頂損壞後就沒再修護了 三合院的側牆 走到了三奶里，這邊就有三座古厝 大社最有名的巫家老厝，老厝是在大社的市中心，黃昏市場外面 老厝的院子保存的很完整 大院的右側一角 老厝的左側小旁門 巫家老厝外院 這座古厝在大社三奶里也蠻有名的 大瓦厝的側邊外牆 房子外牆很典雅，搭配裡面有層次的老建物 房子後頭的一塊小田地，有點像我以前屏東阿嬤家的古厝風格 這個景色很像油畫上面看到的，這區塊的古厝週邊都蓋滿了樓房 走到了大社觀音里後可以看到密集的巷弄老房 巷底的老房子，窗戶上緣有雕花裝飾 老三合院的正廳 巷弄邊老房子一角 在街上看到老房子常常有這個廣告 老巷弄與老房，搭配著新跑車 觀音里的老巷弄三合院
張貼留言
閱讀完整內容

週末假日吃個美食簡單生活、到附近廟宇特寫

這些都是7/25用餐的時候，拍下來的水生植物，這張的應該是布袋蓮 這是鄰居家外面一棵果樹所開的果實 這是保安宮金爐上的李鐵拐 這是住家附近的保安宮，是供奉媽祖的一座宮廟，廟宇的屋瓦彩繪相當緊湊 這是萬善堂金爐上的李鐵拐，住家附近大廟的金爐，都有李鐵拐的像 這間是在住家陽台遠眺可以看到的住宅，很符合目前的設計風格 7/25的中午和老婆去萬丹的香榭簡餐店吃午餐，這是第二次來這裡用餐 這是主餐附的湯 這是主餐，香煎雞腿肉 這是主餐附的小菜 這也是主餐附的小菜 這焗烤是老婆點的，我吃一口還蠻美味的 餐廳的環境蠻舒適的 餐廳外面的水生植物栽植
張貼留言
閱讀完整內容