命令列：yo easy-ui5 project, 遇到錯誤訊息：

> you don't seem to have a generator with the name "easy-ui5" installed.

![](https://img-blog.csdnimg.cn/img_convert/baae8b143c2b27d63c4bea368e20ae5b.png)

先用 npm install generator-easy-ui5 進行安裝：

![](https://img-blog.csdnimg.cn/img_convert/e0741ea4868bdaa63fef1dc96847b877.png)

然後重新執行 yo easy-ui5 project：
![](https://img-blog.csdnimg.cn/img_convert/9dd3dbc6df843b396f4311ba2d2943bc.png)

Create a new OpenUI5/SAPUI5 project：

![](https://img-blog.csdnimg.cn/img_convert/92cc61235f9fa58a82fcd3a1d2a8fc7f.png)

在 On which platform would you like to host the application? 裡，選擇 SAP Launchpad service：

![](https://img-blog.csdnimg.cn/img_convert/0f2c96caf1769c2b645fc7567fa97073.png)

建立成功：

![](https://img-blog.csdnimg.cn/img_convert/c758fcc9844ca252f7ce97d4188fe539.png)

成功建立的 SAP UI5 資源：

![](https://img-blog.csdnimg.cn/img_convert/4103dc178c7b95733a2502f8b4562e6e.png)

我們的 SAP UI5 應用資原始檔就在 webapp 資料夾裡：

![](https://img-blog.csdnimg.cn/img_convert/8e406426d12804046a3ec1f4856f0611.png)

還有一些額外的資料夾：

* deployer:

> A Cloud Foundry tasks which uploads the static web resources to the HTML5 application repository service during deploy-time.

一個 CloudFoundry 任務，在使用者部署 SAP UI5 時，將靜態的 web resources 上傳到 HTML5 應用倉庫服務去。

> You might miss the folders dist and mta_archieves as they will be created later during the build step.

> dist 和 mta_archieves 在 build 階段會動態建立。

> This project leverages the UI5 tooling framework for development. This tool belt can help you to start a local web server and is extendable so you can integrate mocked destinations and a live-reload feature when files are updated. The great thing is, you don’t have to worry about this for now. The easy-ui5 generator already installed these two tasks for you. Additional UI5 tooling tasks can be found on npm.com.

進入到 tutorial.myUI5App 目錄下，執行指令碼 npm start:

![](https://img-blog.csdnimg.cn/img_convert/ae00c4ea7b7cd2b0ccc9521b40dce2fc.png)

遇到這個 address already in use 的錯誤訊息，通常都是因為本地還有一個執行的 Visual Studio Code 在本地執行 SAP UI5 應用：
![](https://img-blog.csdnimg.cn/img_convert/769afda5187d243ea9a7f70eb1df16a2.png)

最後看到的本地 Fiori Launchpad sandbox：

![](https://img-blog.csdnimg.cn/img_convert/edf197566c3c41a9720c120cd1bc005d.png)

![](https://img-blog.csdnimg.cn/img_convert/7321914ae20ec2590c4fd37220ddf4b0.png)

將 i18n_en.properties 檔案的內容替換成如下字串:

![](https://img-blog.csdnimg.cn/img_convert/2cd1098fa7ae3c64238210365ed0ed27.png)

最後執行時的效果：

![](https://img-blog.csdnimg.cn/img_convert/b46881b0ad83006b5ff40037cf70a6ef.png)

使用 yo 命令列嚮導建立 SAP UI5 應用

相關文章