我们现在做简单的H5 APP。 包括登录、注册、更改密码、个人中心主页、重命名个人中心内页面、更改个人中心手机号码。
第1步：选择了light开发工具，帮助您安装工具、快速开发
由于light依赖于node环境，因此首先安装node，https://document.lightyy.com/tools/index.html
这里有详细的安装说明和安装包下载地址
Node安装成功后，打开命令行工具并输入npm-v，出现版本号表示安装成功
2 .安装light工具，在命令行中输入npminstalllighting-- GD-- registry=https://registry.NPM.Taobao.org，最终npm info ok字符为
第二步：正式开发
我们现在要做的这个H5 APP包括登录、注册、更改密码、更改个人中心主页、重命名个人中心内部页面、更改个人中心手机号码。 怎么用light快速开发？
一、主页使用刚安装的light工具生成项目。 打开刚才命令行上的工具。 我想在电脑的e驱动器下生成项目myproject。 在命令行中键入e:然后按回车键
可以接着键入" light create lightProjectDemo "，然后输入项目的版本和说明。 不想输入的话直接按回车键就可以了
这样就有了light项目
二、我们已经可以用工具打开我们建设的项目了。 在这里，我们将在WebStorm上演示
1 .打开项目时，index.html页面上有一个视图，但没有与目录对应的视图。 这里需要在控制台上生成代码，然后输入light gen返回汽车。 第二张图发现变化了吗？ 在js和html文件夹下创建了新的view文件。 这是在我们的index.html视图中生成的。 这里，我们把这个页面作为我们项目的首页，登录和个人中心的入口从这里开始。
2 .先看看我们的项目。 在我们的主页上添加登录和个人中心门户内容，在样式表中添加一些样式，最后在控制台中输入light releaseWB 8888返回汽车。 这里的8888是端口号。 不用设定。 默认端口号为3000。 在此设定端口8888。 浏览器会自动打开我们的主页
3 .现在创建登录和个人相关视图。 在这里，我们创建了一个新的引用index.html的页面personal.html。 当然，也可以只在一个页面index.html中包含所有视图。
输入我们需要的视图内容。 (在这里，我已将登录和个人视图放在personal.html中。 当然，如果需要，可以再创建一个登录的页面。 )此外，personal.html还在视图id中添加了辅助目录。 那么，现在在控制台上再次输入light gen来生成视图，你会发现
你注意到不是吗？ 在我们的视图下生成了个人文件夹。 那里有我们新做的个人和登录相关的视图。 这样，以后视图多的时候我们就可以很好地分类管理了。 (你可以根据自己的需要做2级、3级…) )
4.light releaseWB 8888继续跑我们的项目吧。 接下来看看跳跃吧。 (页面之间的跳转为window.location.href=； 视图之间的跳转是light框架的方法Light.navigate )
跳转1 :从首页查看lightProjectDemo以登录个人页面并跳转到个人中心主页(跳转到页面) )。
跳转2 )可以从个人页面的登录视图跳转(视图跳转)到个人页面的注册视图，也可以通过light框架的视图跳转方法Light.navigate携带视图参数
那么，有了这样简单的h5页。
本文只是代表个人的观点，不代表SEO研究协会网络官方的声音。 观点有疑义时请先联系作者本人修改。 内容违法时请与平台管理员、邮箱cxb5918@163.com联系。 有关详细信息，请访问巨推学院www.jutuiedu.com，在SEO研究协会www.seoxiehui.cn上学习网络营销技术。