摘要：創建第一個登陸賬號新建一個移動應用本節需要下載和搭建開發環境沒有下載或環境搭建請移步開發環境搭建填入完整信息選擇完成說明如果是系統并且創建失敗的話以下這種情況檢出到指定路徑解決方案打開終端輸

登陸賬號新建一個移動應用

本節需要下載IDE和搭建開發環境
沒有下載IDE或環境搭建請移步APICLOUD 1.1.0 開發環境搭建

填入完整信息選擇完成 ?

說明：如果是mac系統并且創建失敗的話以下這種情況

Can"t locate SVN/Core.pm in @INC (you may need to install the SVN::Core module) (@INC contains: 
/usr/local/git/lib/perl5/site_perl/5.18.2/darwin-thread-multi-2level /usr/local/git/lib/perl5/site_perl/5.18.2 
/usr/local/git/lib/perl5/site_perl /Library/Perl/5.18/darwin-thread-multi-2level /Library/Perl/5.18 /Network/Library/Perl/5.18/darwin-thread-multi-2level /Network/Library/Perl/5.18 
/Library/Perl/Updates/5.18.2 /System/Library/Perl/5.18/darwin-thread-multi-2level /System/Library/Perl/5.18 
/System/Library/Perl/Extras/5.18/darwin-thread-multi-2level /System/Library/Perl/Extras/5.18 .) at /usr/local/git/lib/perl5/site_perl/Git/SVN/Utils.pm line 6. BEGIN failed--compilation aborted at /usr/local/git/lib/perl5/site_perl/Gi
t/SVN/Utils.pm line 6. Compilation failed in require at /usr/local/git/lib/perl5/site_perl/Git/SVN.pm line 25. BEGIN failed--compilation aborted at /usr/local/git/lib/perl5/site_perl/Git/SVN.pm line 32. Compilation failed in require at /usr/local/git/libexec/git-core/git-svn line 21. BEGIN failed--compilation aborted at /usr/local/git/libexec/git-core/git-svn line 21.
檢出到指定路徑:false

解決方案：

打開終端輸入

sudo ln -s /Applications/Xcode.app/Contents/Developer/Library/Perl/5.18/darwin-thread-multi-2level/SVN/ /Library/Perl/5.18/SVN
sudo mkdir /Library/Perl/5.18/auto
sudo ln -s /Applications/Xcode.app/Contents/Developer/Library/Perl/5.18/darwin-thread-multi-2level/auto/SVN/ /Library/Perl/5.18/auto/SVN

**這里主要是因為svn的路徑問題
搞定了以后**

項目結構是這樣子的

打開html文件夾下的main.html

第一步
首先找到下面這行代碼

Hello APIcloud

改為：

Hello World

第二步

在第一步代碼的下一行是：

改為

第三步

大概在60幾行，找到下面代碼

$api.byId("sys-info").innerHTML = str;

改為：

// $api.byId("sys-info").innerHTML = str;

打開之前搭建環境APICLOUD 1.1.0 開發環境搭建安裝的模擬器

打開apploader

注意：這里的輸入的是你的ip地址和端口 
對應的就是IDE對應的IP和端口

ps:如果你用自己的手機運行APPloader要和電腦在同一網絡環境(wifi)下才能鏈接

我這里有兩個ip選一個填就好了

填好以后點擊連接如果像上手機截圖一樣 透明的懸浮球變成綠色了說明就已經連接成功了
成功以后回到IDE 點擊項目>運行就能看見效果了！！

這就是運行效果圖了

最后，項目結構介紹

HelloWorld

├── config.xml              配置文件
├── css                     樣式文件夾
│?? ├── api.css
│?? ├── aui-iconfont.ttf
│?? ├── aui-slide.css
│?? └── aui.css
├── feature                 全局常量定義
├── html                    布局文件夾
│?? └── main.html
├── icon                    APP圖標
│?? └── icon150x150.png
├── image                   靜態圖片文件夾
├── index.html              入口布局
├── launch                  APP啟動頁面
│?? └── launch1080x1920.png
├── res                     資源擴展
├── script                  腳本文件夾
│?? ├── api.js
│?? ├── aui-slide.js
│?? └── aui-tab.js
└── wgt                     可以將這個app作為一個weigt放入文件夾作為模塊使用