跳到主要內容

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() 這裡是版面內要處理的部份 五、執行網頁

asp.net core 設定驗定權限驗證

近日來利用工作空檔,研究了asp.net core權限驗證機制, 並且透過 AuthorizationFilter 實作action 端的權限過濾。 過去在 asp.net 的mvc 有類似的做法,在asp.net core 其實也是大同小異。 asp.net mvc 也一樣是透過ActionFilter 處理權限過濾,Sam是透過cookie將加密資訊進行記錄。 這裡Account 是登錄的使用者帳號資訊,記錄於UserAuth,並且設置有效時間為1小時 var hc = new HttpCookie("UserAuth",Account) {     Expires = DateTime.Now.AddHours(1),     HttpOnly = true }; Response.Cookies.Add(hc); 在.net core的部份,權限設置已經較為簡化,但仍有需要注意的「眉角」: 首先在Startup.cs 的 ConfigureServices,必須設置系統授權的有效時間,以及指定登入登出頁面:       services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme)      .AddCookie(option=>             {                 option.LoginPath = new PathString("/Login/Index");   //設定登入頁Action                 option.LogoutPath = new PathString("/Home/Index");//設定登出頁Action                 //設定cookie 有效時間,這部份也可以在登入的時候進行設置                 option.ExpireTimeSpan = TimeSpan.FromMinutes(60);//設定到期時間限制             }); 另外在 Configure 的部份,啟用R

20170611_仁武舊聚落