快速开发h5页面教程.pdf

精品课程 中国IT 职业教育领先品牌 全程面授 快速开发 h5 页面教程 在千锋活动时间内报名千锋任意学科，即可免费进入高端提升班（学科自选）， 跨学科周末班限时免费送一次报名，学习双技能，双技能更具职场竞争力。下面 看千锋 HTML5 讲师叫大家如何快速开发 H5 页面吧。 我们现在要做一个简单的 h5 应用：包含登录、注册、修改密码、个人中心 主页面、个人中心内页修改名称、个人中心修改手机号码。 第一步：工具安装，我选择了能够辅助我们快速开发的 light 开发工具 light 依赖 node 环境，所以首先要安装 node。 安 装 light 工 具 ， 在 命 令 行 输 入 npm install lighting -gd --registry= 最终出现 npm info ok 字样则表 示 light 以安装成功 千锋教育 精品课程 中国IT 职业教育领先品牌 全程面授 首页我们要用刚装好的 light 工具生成一个项目，我们打开刚刚的命令 行的工具，我想在我的电脑 E盘下生成我的项目 myproject, 在命令行输入e: 然 后按回车键 第二步：正式开发 我们现在要做的这个 h5 应用包含登录、注册、修改密码、个人中心主 页面、个人中心内页修改名称、个人中心修改手机号码。怎么用 light 快速开发 呢？ 一、首页我们要用刚装好的 light 工具生成一个项目，我们打开刚刚的 命令行的工具，我想在我的电脑 E 盘下生成我的项目 myproject, 在命令行输入 e: 然后按回车键 继续输入light create lightProjectDemo 然后回车项目版本和描述可 以填写，如果不想填写直接按回车键就好 这样我们就生成好了一个 light 项目 千锋教育 精品课程 中国IT 职业教育领先品牌 全程面授 二、现在可以用工具打开我们建好的项目正式开发了、这里我用 WebStorm 演示 打开项目，我们发现 index.html 页面上有个视图，但是目录中却没有 对应的内容，这里我们需要在控制台上生成下代码输入 light gen 然后回车，第 二张图发现变化了吗？分别在js 和 html 的文件夹下新生成了一个view 文件， 千锋教育 精品课程 中国IT 职业教育领先品牌