组件开发
- 如何搭建light开发环境
- 如何创建组件开发工程
- 如何提高组件开发效率
- 如何运行调试组件
- 如何优化组件中的图片
- 如何优化前端工程当中的资源文件
- 如何组织组件的模块化开发
- 如何使用UI控件
- 如何自定义UI控件
- 如何在组件开发中使用jade
- 如何在组件开发中使用pug
- 如何在组件开发中使用Less
- 如何在组件开发中使用模板
- 如何在组件开发中使用ES6
- 如何在组件开发中实现过渡效果
- 如何在多个工程间共享资源
- 如何在使用postcss插件
- lighting开发排错指南
- 如何在框架中使用vue2.0
- 如何在框架中使用vue和vux组件
- 10分钟搞懂lighting插件开发
- 如何使用lighting拦截器
- 如何在组件开发中使用Sass
如何运行调试组件
如何运行
lighting项目可以通过一行简单的指令启动并启动调试模式。
|
其中-w
参数是指编译是会开启watch选项,当发生代码变更的时候自动触发代码编译;-b
选项表示在应用编译完成后打开浏览器并在3000端口坚挺http请求,以对资源进行一个简单的本地server的运行查看和调试。
如何调试
组件调试有多种方面的内容,调试lighting项目也分不同的场景有不同方法。
调试框架
针对lighting项目调试的重要的一点在于Light.start()
这一行代码,start是light框架的第一行代码,在start之后才会发生lighting框架的路由的初始化和视图的ready以及视图的初始化。
所以对于一些比较难于排查错误的缺陷,可以将断点点在这里,然后单步执行以排错。
日志输出代理
使用lighting框架的日志体系的程序在编译调试期间,其所有的调试信息会输出到服务端,通过对服务端的日志输出内容查看也是一个有效的手段。