Kendo UI使用教程:Bower Packages
Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個(gè)控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù);Kendo UI for Angular是專(zhuān)用于Angular開(kāi)發(fā)的專(zhuān)業(yè)級(jí)Angular UI組件;Kendo UI Support for React支持React Javascript框架,更快地構(gòu)建更好的應(yīng)用程序;Kendo UI Support for Vue為Vue技術(shù)框架提供可用的Kendo UI組件,更快地構(gòu)建更好的Vue應(yīng)用程序。
Bower是一個(gè)流行的Web程序包管理器,用于處理框架、庫(kù)、資產(chǎn)和使用程序。
概述
Kendo UI維護(hù)2個(gè)Bower包:
- Kendo UI Core.
- Kendo UI Professional
所有正式版本,Service Pack和內(nèi)部版本都會(huì)上傳到它們中。
注意:Kendo UI Professional Bower軟件包僅適用于商業(yè)授權(quán)用戶(hù)。
安裝
Kendo UI Core Bower軟件包作為公共Git存儲(chǔ)庫(kù)提供,而Kendo UI Professional Bower軟件包則作為私有軟件包提供。
Kendo UI Core
Kendo UI Core Bower軟件包托管在公共Git存儲(chǔ)庫(kù)中,并在Bower注冊(cè)表中注冊(cè)為kendo-ui-core。要安裝Kendo UI Core Bower軟件包,請(qǐng)運(yùn)行bower install kendo-ui-core命令。要檢查Kendo UI Core Bower軟件包的可用版本,請(qǐng)運(yùn)行bower info kendo-ui-core --verbose命令。
Kendo UI Professional
Kendo UI Professional Bower包托管在私有Git存儲(chǔ)庫(kù)中。 要訪問(wèn)該軟件包,您需要為Kendo UI或DevCraft提供有效訂閱。 Bower會(huì)在安裝和更新過(guò)程中提示您輸入用戶(hù)名和密碼。要安裝Kendo UI Professional Bower軟件包,請(qǐng)運(yùn)行bower install https://bower.telerik.com/bower-kendo-ui.git命令。您還可以將包添加到bower.json文件中,如以下示例所示。
示例:
"dependencies": {
"kendo-ui": "https://bower.telerik.com/bower-kendo-ui.git#~2019.2.619"
}
要檢查Kendo UI Professional Bower軟件包的可用版本,請(qǐng)運(yùn)行bower info kendo-ui --verbose命令。
注意:在安裝Bower軟件包期間,可能會(huì)要求您多次確認(rèn)您的憑據(jù)。 有關(guān)如何存儲(chǔ)用戶(hù)名和密碼的詳細(xì)信息,請(qǐng)參閱以下有關(guān)憑據(jù)的部分。
證書(shū)
為避免在安裝Kendo UI Bower軟件包時(shí)多次詢(xún)問(wèn)您提供憑據(jù),您可以保留它們以供將來(lái)參考。
選擇存儲(chǔ)選項(xiàng)
Option 1:通過(guò)將憑據(jù)作為純文本存儲(chǔ)在.netrc文件中來(lái)緩存憑據(jù)。
Option 2:使用Git憑據(jù)幫助程序存儲(chǔ)您的憑據(jù)。
存儲(chǔ)在Windows上
注意:如果在ASP.NET vNext項(xiàng)目中使用Kendo UI Bower包,則需要緩存憑據(jù)。
Step 1:在主目錄中創(chuàng)建名為_(kāi)netrc的文本文件 - 例如,c:\ users \ jane \ _netrc。
Step 2:聲明HOME環(huán)境變量。
示例:
C:\> SETX HOME %USERPROFILE%
Step 3:使用以下示例中演示的格式添加憑據(jù)。
示例:
machine bower.telerik.com
login my-telerik.identity@example.com
password mysecret
如果您的主目錄在其路徑中包含空格,Git可能在解決它時(shí)遇到問(wèn)題 - 例如,c:\ Documents and Settings \ jane。 這就是為什么您需要更新%HOME%環(huán)境變量來(lái)指向目錄并且名稱(chēng)中沒(méi)有空格的原因。
存儲(chǔ)在Linux,OS X和類(lèi)Unix系統(tǒng)上
Step 1:在您的主目錄中,創(chuàng)建一個(gè)名為.netrc(?/ .netrc)的文件,驗(yàn)證您是否修改了文件權(quán)限以使其僅對(duì)您可讀。
示例:
touch ~/.netrc
chmod 0600 ~/.netrc
Step 2:使用以下示例中演示的格式將您的憑據(jù)添加到?/ .netrc文件中。
示例:
machine bower.telerik.com
login my-telerik.identity@example.com
password mysecret
故障排除
本節(jié)提供了安裝Kendo UI Bower軟件包時(shí)可能遇到的常見(jiàn)問(wèn)題的解決方案。
SSL問(wèn)題在Windows上出現(xiàn)
Windows上的Bower在安裝存儲(chǔ)庫(kù)時(shí)遇到麻煩,并顯示以下錯(cuò)誤消息:
fatal: unable to access 'https://bower.telerik.com/bower-kendo-ui.git/': SSL certificate problem: unable to get local issuer certificate
此問(wèn)題的原因是基礎(chǔ)Git安裝缺少證書(shū)包。
解決辦法:請(qǐng)按照此幫助文章中的步驟操作。
注意:
- 1.9.5 Git版本不適用于Bower包。
- 例如,如果由于網(wǎng)絡(luò)限制或管理規(guī)則而需要使用URL中的@符號(hào)來(lái)訪問(wèn)Kendo UI Bower存儲(chǔ)庫(kù),請(qǐng)確保將其編碼為https://firstname.lasname%40domain.com@bower.telerik.com/bower-kendo-ui.git。
在Visual Studio 2015中的ASP.NET Core MVC RC項(xiàng)目中還原失敗
捆綁在Visual Studio中的Git客戶(hù)端無(wú)法通過(guò)Kendo UI Bower存儲(chǔ)庫(kù)進(jìn)行身份驗(yàn)證,并拋出類(lèi)似于ECMDERR的錯(cuò)誤消息無(wú)法執(zhí)行“git ls-remote --tags --heads https://bower.telerik.com /bower-kendo-ui.git“,退出代碼#-532462766。
解決辦法:使用Git的Windows端口和存儲(chǔ)的憑據(jù)而不是內(nèi)置客戶(hù)端:
- 存儲(chǔ)您的憑據(jù)。
- 安裝Git for Windows。
- 右鍵單擊Dependencies下的Bower文件夾。
- 選擇Configure external tools。
- 取消選中$(DevEnvDir)\Extensions\Microsoft\Web Tools\External\git and/or $(VSINSTALLDIR)\Web\External\git。
- 添加新條目C:\Program Files\Git\bin或您的安裝位置。
圖1:添加新條目
Kendo UI R2 2019 SP1全新發(fā)布,最新動(dòng)態(tài)請(qǐng)持續(xù)關(guān)注Telerik中文網(wǎng)!
掃描關(guān)注慧聚IT微信公眾號(hào),及時(shí)獲取最新動(dòng)態(tài)及最新資訊