Skip to content

UI,模板和静态文件

Xu,Yizhi edited this page May 26, 2015 · 2 revisions

本文介绍lark.js前端开发相关内容。lark.js 默认对前端开发提供了如下辅助功能:

  • 自动重载前端代码 (live reload) 功能
  • 前端代码检查
  • css/js压缩,压缩后的.map功能支持,less/sass支持,grunt, gulp 支持
  • 前端单元测试支持和模拟测试支持(casperjs)

你不需要配置一行代码就可以使用以上功能。

UI

前端UI有很多优良的解决方案,lark.js 推荐在使用 bootstrap 或者 mob (移动UI框架)

css/js压缩

lark.js 默认集成了基于grunt的js和css压缩功能。在您使用 lark create 项目名 创建项目后,可以在项目路径下的 Gruntfile.js 中找到并修改该功能。

前端代码检查

lark.js 默认集成了基于jshint的前端代码检查功能。在您使用 lark create 项目名 创建项目后,可以在项目路径下的 .jshintrc 中找到并修改该功能。

热加载 (live reload)

在您使用 lark run启动调试模式的lark服务后,您的服务就自动启动了live reload功能,在修改每一个js/css文件或者node.js代码后,服务都会自动重新启动.

模板

静态文件默认都放在程序根目录的views目录下, 在controller层调用渲染。

静态文件

静态文件默认都放在程序根目录的statics目录下。启动服务后输入 ·http://url/statics/静态文件文件夹路径/静态文件名·即可访问静态文件。

测试

lark.js 使用 mocha 进行单元测试,使用casperjs 进行业务逻辑测试和监控。您只需把相关单元测试/业务测试代码放 tests 文件夹里,并运行 lark test 即可。

Clone this wiki locally