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