我經常收到不少朋友這樣的問題：
如果對 SAP UI5 一無所知的新手，想學習 SAP UI5，從哪些材料開始學習比較好？有沒有一些推薦的書？
我自己 2014 年底，出於工作需要學習 SAP UI5 時，把 SAP UI5 官網上提供的一套 Walkthrough （這個詞的中文翻譯應該是教程，輔導，攻略） 認真做了一遍，其中的程式碼一個字元一個字元照著敲了一遍，很快就可以上手工作了。後來有新同事入職到我們團隊時，我也推薦這套教程讓新同事們學習。
這是 SAP 官網例子程式的網址，包含了大量 SAP UI5 例子程式可供下載：
https：//sapui5。hana。ondemand。com/#/demoapps
滑動螢幕到下方，就能看到 Walkthrough 這套教程了。
該教程包含 38 個步驟，涵蓋了 SAP UI5 開發和單元測試的方方面面，按照教程最終能做出一個 SAP UI5 應用。
每個步驟均是在前一步驟的基礎上，新增新的特性，實現一個新目標。既有文字描述，也有較之前一步驟，需要新開發的程式碼塊， 這些程式碼塊透過黃色高亮顯示如下圖所示：
如果迫不及待想檢視，根據這 38 個步驟做完之後的 SAP UI5 長什麼樣，可以從官網直接下載最終的完成版：
之前從事 ABAP 開發的朋友，剛接觸 SAP UI5，可能會遇到類似問題：SAP UI5 官網下載的例子，不知道如何本地執行。
本文就來幫助這些只有 ABAP 背景的朋友們來解決這個很多 SAP UI5 初學者都會遇到的問題。
首先解壓官網下載的工程檔案壓縮包，發現包含
webapp
資料夾，和兩個檔案 package。json 以及 ui5。yaml。
webapp 資料夾裡的目錄結構：
我們直接用瀏覽器開啟 SAP UI5 應用的入口頁面 index。html， 是無法看到期望的應用正常執行的，因為 SAP UI5 應用需要部署在本地或者遠端的 Web 應用伺服器裡執行。
在本地安裝好 npm 和 node 工具，在命令列裡使用它們。
下面介紹兩種將下載的 SAP UI5 應用在本地啟動的方式。
方法1：使用 Visual Studio Code 啟動 SAP UI5 應用
把 Visual Studio Code 的目錄新增到 Path 環境變數裡，這樣我們可以在命令列裡，使用 code 命令啟動它了：
進入下載並解壓的 Walkthrough 資料夾裡，使用
code .
命令啟動 Visual Studio Code （其中 。 代表當前目錄）。
安裝名為
UI5-Tools
的 Visual Studio Code 擴充套件：
這個擴充套件提供了一個嵌入的 Web 伺服器，預設名稱為 UI5 Server， 埠號為 3000。 在擴充套件配置裡能夠對這些預設設定做修改。
