文章分類/

Infragistics|Ignite UI for Web Components|如何建置和運行 Ignite UI for WebComponents 範例應用程式

168 瀏覽人次
2023-10-02 更新

infragistics log

程式

1. 安裝 Node.js 和 npm 套件管理器。

Node.js是 Javascript 的執行環境。下載並安裝 LTS 安裝程式。

npm 套件管理器是下載和安裝 npm 套件所需的工具,並且需要使用 Ignite UI for WebComponents。安裝 Node.js 時,預設也會安裝 npm 套件管理器。

2. 從 GitHub 下載 Ignite UI for WebComponents 範例。

存取IgniteUI/igniteui-wc-examplesIgniteUI ,按一下「↓代碼」按鈕,然後按一下「下載 ZIP」。

將開始下載範例應用程式 igniteui-wc-examples-master.zip。 下載完成後,

將 igniteui-wc-examples-master.zip 中的 igniteui-wc-examples-master 資料夾複製到任何資料夾。在本知識庫中,我們將透過直接將其複製到 c: 下進行解釋。

3. 嘗試運行DataGrid 範例。

啟動命令提示字元並導航到包含 DataGrid 概述範例的資料夾。

C:>cd C:igniteui-wc-examples-mastersamplesgridsdata-gridoverview

安裝 npm 套件 (npm install),建置並執行範例 (npm start)。

C:igniteui-wc-examples-mastersamplesgridsdata-gridoverview>npm install ... (省略。npmパッケージがインストールされていきます。) ...  C:igniteui-wc-examples-mastersamplesgridsdata-gridoverview>npm start ... (省略。ビルドが開始されます。) ...

執行 npm start 將啟動瀏覽器,但請等到建置完成才能顯示網格。如果命令提示字元中顯示“’wdm’: Compiled success.”,則表示建置成功。

如果您查看瀏覽器,您會看到一個網格。

參考:範例應用程式的資料夾結構

範例資料夾下包含每個控制項和功能的範例。您可以透過在包含您想要操作的控制項及其功能的資料夾中執行 npm install 和 npm start 來運行每個範例,因此請隨意嘗試它們。

快速跳轉目錄

✦ 群昱 AccessSoft 你的全面軟體解決方案 ✦

身為全球眾多知名軟體在台灣合作夥伴,歡迎諮詢你需要的軟體服務!

Picture of 軟體專家
軟體專家

群昱作為全球知名軟體推薦合作夥伴,致力於提供更多軟體解決方案給你!

更多軟體新知

立即詢價

請留下完整資訊,以便我們提供精確的服務內容給你。

詢價資訊