AppCan开发教程.docx

AppCan IDE下载安装指南 2014-10-13 一、下载AppCan IDE ??欢迎使用AppCan IDE。??AppCan IDE是专为AppCan平台开发者提供的全方位的集成调试环境，可以帮助开发者使用HTML5快速构建本地应用。目前只支持Windows系列平台。请在如下链接中下载： ? ? ?? ? ??? ??  HYPERLINK /appcan_sdk/AppCan_IDE_Personal_Setup_V3.1_201410232045.exe \t _blank 本地IDE下载(V3.1 Bulid:201410232045)435MB HYPERLINK /d/.DwzFAIsMACJ6LxTb65 \t _blank  ??*目前不支持xp sp2 及其以下操作系统和Mac OS X操作系统。 二、安装AppCan IDE ?? 双击IDE图标，进入IDE安装程序欢迎界面。 ? 点击“下一步”，可点击或手动更改安装目录。 ? 点击“下一步”，确定是否安装。 ? 点击“安装”，等待程序安装。 ? 安装完成后，点击“完成”关闭安装程序。 AppCan IDE开发流程之创建App 2014-10-13 1、新建向导 ? ? 1）、点击欢迎向导，直接进入新建项目界面。 ??? 2）? 、点击“文件”—“新建”—“AppCan项目”。 2、创建本地APP ?? 1）、点击“新建项目”—“下一步”。 ? 这里“新建项目”指创建本地项目，IDE中内置了丰富的UI框架资源，便您快速、高效的创建本地应用。 ??? 2）、填写“项目名称”、“应用名称、“应用ID”、“应用key” —“下一步”。 ??? ??? 3）、构建项目模版。 ??? IDE中提供了“空模版”、“自定义模版”、“内置模版”供开发者选择。 2.1、空模版 ? 选择“空模版”—“下一步”—设置模版主题。 ? 点击“完成”，项目创建成功。 ??? 2.2、自定义模版 ? 选择“自定义模版”—“下一步”—点击“添加页面模版”。 ? ? 配置页面模版。 ?? IDE中为开发者提供了数百套页面模版，您可根据页面结构布局和内容区来拼装您所需要的页面。 ? ? 点击“完成”—填写页面名称。 ? 点击“确定”，可继续添加页面模版。 ? 点击“完成”，项目创建成功。 2.3、内置模版 ? 选择“内置模版”—“下一步”—选择模版。 ??? IDE中集成了大量的电商、新闻、阅读、移动OA等应用模板，开发者可以直接套用模板快速定制项目。 ? ? 选择模版，点击“下一步”，配置模版主题。 ? 点击“完成”，项目创建成功。 3、同步APP 3.1、新建项目同步至线上 ? 新建项目选择“同步项目”—“下一步”。 ? ? 点击“新建项目在线同步”，填写应用名称和应用描述。 ? 点击“完成”，项目创建成功。线上（指AppC平台）会同步创建您的新项目。 3.2、线上项目同步至IDE ? 项目同步后，获取您所有线上项目（指您在AppC平台上创建的所有项目）。 ? ? 选择要导入的项目，点击“完成”，项目导入成功。 3.3、代码同步 ?3.3.1、本地项目代码同步至线上 ? 本地项目开发完毕后，首选需要在线上新建一个项目，获取应用ID和key及svn地址。 ?? ??? IDE中，右键项目名称—点击“Team” —“共享项目”。 ? 选择“SVN” —“下一步”。 ? ? 选择“创建新的资源库位置” —“下一步”。 ? ? 复制线上新建项目的svn地址 —“完成”。 ? 代码同步成功。 3.3.2、同步项目代码同步至线上 ? 同步项目开发完毕后，右键项目的phone目录—“Team” —“提交”。 ? ? 选择要提交的文件 “ok”。 ? 代码提交完成。 AppCan IDE开发流程自定义插件管理 2014-10-10 ???? IDE中虽然为开发者全面开放数十种原生插件，但在不能满足一些开发者的定制需求时插件还支持自定义资源管理，以实现插件的最大化复用。 ? ? 点击“自定义插件”图标，打开自定义插件管理界面。 ? 添加插件。 ? ? 自定义插件管理，支持插件的更新、删除、上传功能。 ? 注：插件添加成功后，记得在项目生成安装包时勾选使用。 AppCan? IDE 常用组合快捷键 1、????????????? 快速格式化 -- Ctrl+ Shift +F 2、????????????? 快速切换窗口-- Alt + Shift +Tab 3、????????????? 新建菜单-- Alt + Shift +N 4、