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

程式

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 來運行每個範例，因此請隨意嘗試它們。