Appcan官网为我们提供两种方式开发应用，一种是：在AppCan的官方网站上创建应用，并在IDE中开发完成后，到官网上进行打包。 还有一种是：下载appcan IDE安装包。AppCan IDE可以用于支持iOS、Android平台手机和平板的高体验Hybrid应用的开发。
唯一的不同在于，新建项目。
　　Appcan官网是选择：

下载appcan IDE安装包通常是选择：

新建项目有多种方式,最方便快捷的方式为：在项目资源管理器点击鼠标右键，然后“新建”→“项目”→“appcan项目”。
我们的头部都是统一的，所以代码均为：
<!--header开始-->
<div id="header" class="uh bc-text-head ubbc-head">
<div class="nav-btn" id="nav-left">
</div>
<h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">appcan</h1>
<div class="nav-btn" id="nav-right">
<!--按钮开始-->
<!--按钮结束-->
</div>
</div>
<!--header结束-->

我们可在“按钮开始”与“按钮结束”之间做更改，同时更改应用名，效果如下（预览效果前，请记得保存）：

内容主题部分，可选默认的插件也可自行定义：
选择默认，如图：

自行定义：
1.主要标签：doc、html、head（title、link等）、body、script。

添加文本框及其登陆按钮：
演示：
<div class=”login”>
<input type=”text”name=”username”placeholder=”用户名”/>
<input type=”password”name=”password”placeholder=”密码”/>
<button class=”btn login-btn”id=”post-submit” onclik=”postSubmit()”>
登陆
</button>
</div>



主要函数：
onclick:点击事件属性
格式：onclick=”函数名”
Alert：通过IDE提供的该函数进行显示
格式：alert（要显示的内容）
举例：alert（“欢迎访问猿团科技”）

进行css样式设置：

下图为效果展示

更多内容，你可查看在线视频教程http://edu.yuantuan.com/course/explore/AppCan