组件开发
- 如何搭建light开发环境
- 如何创建组件开发工程
- 如何提高组件开发效率
- 如何运行调试组件
- 如何优化组件中的图片
- 如何优化前端工程当中的资源文件
- 如何组织组件的模块化开发
- 如何使用UI控件
- 如何自定义UI控件
- 如何在组件开发中使用jade
- 如何在组件开发中使用pug
- 如何在组件开发中使用Less
- 如何在组件开发中使用模板
- 如何在组件开发中使用ES6
- 如何在组件开发中实现过渡效果
- 如何在多个工程间共享资源
- 如何在使用postcss插件
- lighting开发排错指南
- 如何在框架中使用vue2.0
- 如何在框架中使用vue和vux组件
- 10分钟搞懂lighting插件开发
- 如何使用lighting拦截器
- 如何在组件开发中使用Sass
如何搭建light开发环境
lighting是web应用开发的一站式解决方案,其功能涵盖web应用开发的全部生命周期,包括应用创建/代码开发/编译构建/运行调试/打包部署等各个方面,可以有效提高开发人员应用开发的效率。现阶段lighting还在不断的功能完善和演进之中,将会不断提供更多的技术特性以及能力。
lighting是light官方推荐的构建打包工具,共分为两个版本对外发布,桌面版(lic-desktop)和命令行版(lic-cli),这里我们重点介绍一下lighting命令行版本的安装,以下统称为lighting。
安装依赖环境
下载node安装包
lighting依赖于node环境,如果您的电脑上并未安装node,请按照以下提示下载系统对应的安装包安装即可。
Windows Installer (.msi) 32-bit
Windows Installer (.msi) 64-bit
Mac OS X Installer (.pkg) 64-bit
Linux Binaries (.tar.xz) 32-bit
Linux Binaries (.tar.xz) 64-bit
注意事项
安装node环境(Windows系统)
- 打开node安装程序,点击Next开始安装。
- 勾选接受协议,点击Next。
- 建议把安装路径更改为
C:\nodejs\
,点击Next。
- 默认全部安装,无需更改,点击Next。
- 点击Install,开始安装,耐心等待安装完毕。
- 出现该界面说明node环境已经安装完毕,点击Finish退出安装程序。
注意事项
- 安装node的路径千万不能带有空格,否则会引起node无法正常运行,强烈建议按照图中的路径进行安装!
安装lighting
node安装成功后在,在命令行窗口内键入npm -v
,可以看到npm的版本号输出,如果没有请重复以上安装的步骤或者联系 light。
接下来我们来安装lighting,同样是在命令行窗口内,键入以下命令。
|
- 由于官方的源地址速度较慢,我们将npm的源指向了淘宝的镜像地址。
- 如果你想有更多了解,请点击淘宝npm。
在输入完成之后,npm会将lighting的所有依赖资源包进行下载,因网络状况的差异可能需要5-10分钟不等的时间,耐心等待一段时间就可以看到执行结束的提示了。
如果网络状况导致安装不成功,请检查网络并重新尝试。
若出现以下画面,说明light已经成功安装。
lighting安装完成后在命令行窗口内键入light -v
就可以看到正常输出的版本号了。这样light的开发环境就搭建好了