文章分類/Infragistics
程式
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 來運行每個範例,因此請隨意嘗試它們。