JavaScript UI庫(kù)Webix 安裝實(shí)操:NPM、CDN 部署與調(diào)試
翻譯|使用教程|編輯:張蓉|2025-05-09 11:31:35.700|閱讀
145 次
概述:Webix 是一套完整的前端開(kāi)發(fā)框架,它允許開(kāi)發(fā)者利用 JavaScript、CSS 和 HTML5 技術(shù),快速構(gòu)建出富交互性的 Web 應(yīng)用程序。該框架提供了超過(guò) 100 個(gè)預(yù)制且可高度定制的組件,涵蓋了數(shù)據(jù)表格、圖表、表單、布局等各類(lèi)常見(jiàn)的用戶(hù)界面元素。無(wú)論是經(jīng)驗(yàn)豐富的專(zhuān)業(yè)開(kāi)發(fā)者,還是初涉 Web 開(kāi)發(fā)領(lǐng)域的新手,都能從 Webix 的易用性和強(qiáng)大功能中受益。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
Webix 是一套完整的前端開(kāi)發(fā)框架,它允許開(kāi)發(fā)者利用 JavaScript、CSS 和 HTML5 技術(shù),快速構(gòu)建出富交互性的 Web 應(yīng)用程序。該框架提供了超過(guò) 100 個(gè)預(yù)制且可高度定制的組件,涵蓋了數(shù)據(jù)表格、圖表、表單、布局等各類(lèi)常見(jiàn)的用戶(hù)界面元素。無(wú)論是經(jīng)驗(yàn)豐富的專(zhuān)業(yè)開(kāi)發(fā)者,還是初涉 Web 開(kāi)發(fā)領(lǐng)域的新手,都能從 Webix 的易用性和強(qiáng)大功能中受益。
Webix 正版試用下載
本文介紹了如何為使用 Webix 進(jìn)行開(kāi)發(fā)準(zhǔn)備工作環(huán)境,并列出了所有可用的庫(kù)安裝方式:
準(zhǔn)備工作環(huán)境
對(duì)于最簡(jiǎn)單的 Webix 應(yīng)用,你只需要一個(gè) HTML 文件(推薦使用 HTML5 文檔類(lèi)型),其中包含:
-
通過(guò)以下任意方式引入的庫(kù)源文件、JS 和 CSS 文件
-
JavaScript 部分或包含 Webix 應(yīng)用代碼的 JS 文件。
Webix 庫(kù)包含兩個(gè)版本的 JS 文件:
-
完整版本(webix.js)- 具有調(diào)試選項(xiàng)的可讀代碼
-
壓縮版本(webix.min.js)- 用于生產(chǎn)環(huán)境的輕量級(jí)代碼。
所有編碼工作可以在任何文本編輯器(如 Sublime、Visual Studio Code 等)中完成,你也可以選擇性啟用代碼補(bǔ)全功能。
CDN 鏈接
你可以直接設(shè)置指向位于 Webix 內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)上的webix.js和webix.css文件的鏈接:
此方式僅適用于根據(jù)通用公共許可證(GPL)分發(fā)的開(kāi)源版 Webix。
使用 NPM 安裝
Webix 庫(kù)可以通過(guò) NPM 進(jìn)行安裝,這使得你能夠獲取開(kāi)源版和商業(yè)版(專(zhuān)業(yè)版)Webix 的更新。
GPL 版本
要安裝開(kāi)源版本,你只需運(yùn)行以下命令:
專(zhuān)業(yè)版
如果你擁有 Webix 專(zhuān)業(yè)版,可以通過(guò) NPM 進(jìn)行安裝。
你需要在 Webix 客戶(hù)區(qū)域(“用戶(hù)” 部分)注冊(cè)一名開(kāi)發(fā)者,然后已注冊(cè)的開(kāi)發(fā)者將獲得認(rèn)證信息。
運(yùn)行以下命令以登錄到我們的私有 NPM 服務(wù)器:
當(dāng)被要求提供認(rèn)證信息時(shí),使用以下數(shù)據(jù):
在那之后,你可以根據(jù)你的許可證使用常見(jiàn)的 npm 命令來(lái)安裝 Webix PRO 和復(fù)雜的小部件:
在那之后,你將能夠根據(jù)你的許可證安裝 Webix PRO 和復(fù)雜的小部件。在整個(gè)許可證有效期內(nèi)都可以獲取更新。
下載 Webix 軟件包
你可以通過(guò)以下方式在本地獲取該軟件包:
-
下載根據(jù)通用公共許可證分發(fā)的開(kāi)源版本;
-
請(qǐng)求 Webix PRO 的免費(fèi)試用版;
-
購(gòu)買(mǎi)后,你可以從你的客戶(hù)區(qū)域下載 Webix PRO 和復(fù)雜小部件。
啟用自動(dòng)完成功能
你可以在文本編輯器(如 Visual Studio Code)中為 Webix 方法啟用建議和自動(dòng)完成功能。
如果你將 Webix 作為 ES6 代碼導(dǎo)入,自動(dòng)完成功能將自動(dòng)生效:
如果你將 Webix 作為全局使用,你可以使用以下引用指令(也稱(chēng)為三斜線(xiàn)指令):
該指令將指示編譯器包含 TypeScript 類(lèi)型定義,以啟用代碼自動(dòng)完成功能。
在本地運(yùn)行軟件包示例
下載 Webix 軟件包后,有三種在本地運(yùn)行軟件包示例的方法。最簡(jiǎn)單的方法是導(dǎo)航到根目錄(核心目錄)并打開(kāi)示例文件夾。找到所需的文件并雙擊打開(kāi)它。示例將在新的瀏覽器選項(xiàng)卡中打開(kāi)。
在本地服務(wù)器上運(yùn)行示例
你可以在本地服務(wù)器(如 Apache)上運(yùn)行軟件包示例。將 Webix 文件夾設(shè)置為本地服務(wù)器的根目錄,然后啟動(dòng)服務(wù)器。一般來(lái)說(shuō),本地服務(wù)器在本地主機(jī)(localhost)上運(yùn)行。
在開(kāi)發(fā)服務(wù)器上運(yùn)行示例
為了能夠修改示例并查看相應(yīng)的更改,你應(yīng)該在開(kāi)發(fā)服務(wù)器上運(yùn)行它們。進(jìn)入 Webix 根文件夾,安裝必要的依賴(lài)項(xiàng),然后按以下方式啟動(dòng)服務(wù)器:
請(qǐng)注意,要運(yùn)行 Web 套接字示例,你應(yīng)該使用以下命令:
慧都科技是?家?業(yè)數(shù)字化解決?案公司,專(zhuān)注于軟件、?油與?業(yè)領(lǐng)域,以深?的業(yè)務(wù)理解和?業(yè)經(jīng)驗(yàn),幫助企業(yè)實(shí)現(xiàn)智能化轉(zhuǎn)型與持續(xù)競(jìng)爭(zhēng)優(yōu)勢(shì)。
慧都科技作為 Webix 的中國(guó)區(qū)合作伙伴,Webix 作為前端開(kāi)發(fā)和數(shù)據(jù)可視化領(lǐng)域的領(lǐng)先技術(shù)提供商,通過(guò)其強(qiáng)大的 Webix UI Library 等工具,助力企業(yè)實(shí)現(xiàn)高效的應(yīng)用開(kāi)發(fā)與數(shù)據(jù)展示。Webix UI Library 支持多種功能(如數(shù)據(jù)綁定、動(dòng)態(tài)加載、交互式組件等),提供簡(jiǎn)潔高效的代碼編寫(xiě)方式、靈活的布局設(shè)計(jì)以及豐富的可視化組件,幫助企業(yè)輕松應(yīng)對(duì)各類(lèi)應(yīng)用開(kāi)發(fā)需求,顯著提升開(kāi)發(fā)效率并縮短項(xiàng)目周期。
標(biāo)簽:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn