Lineman概览 -- 使用lineman构建“一流”的web应用

潦草翻译,欢迎拍砖...

Lineman带给你关于构建服务器端应用程序一切,并且为客户端应用程序开发带来乐趣。

Lineman 是一个高度集中的命令行工具包,旨在帮助web开发者建立一流的JavaScript web应用。Lineman 提供了一个精简的客户端开发工具包(集合了 ExpressGrunt 和 Testem), 它的目标是帮助开发者专注于写程序而不再费心于工程配置。


源码托管在GitHub上,你可以提交bug和参与讨论或者关注作者的tweeter @linemanjs 。


理解 Lineman


Lineman的任务是像构建传统Web应用一样地构建富客户端应用。一旦你开始攀登Lineman那温柔的学习曲线,你将可以快速地过渡到使用Lineman构建任何项目。

“modern-client'是什么?

在传统的web开发中,一般的模式是使用服务器端程序生成HTML,然后推送给浏览器显示,大部分后端程序框架更专注于如何使用诸如视图渲染引擎之类的工具组织HTML页面,而忽视前端代码。

但随着前端MV*框架的兴起,越来越多的web开发者开始基于它们构建避免整页刷新的更现代化的web应用。在这个模型中,服务器端只负责数据的获取、认证和传递,而客户端负责路由、模板、HTML页面的渲染和一部分应用逻辑。


什么是'一流'的Web应用程序?

(一大堆关于前端如何苦逼的吐槽 ... ... 总之,能跟后端解耦的应用程序就是“一流的web应用”,所以,用Lineman帮助构建出来的应用程序就是“一流的web应用”。所以,看图吧:)


Lineman如何工作

任务周期

Lineman是一层在 Grunt自动化装置之上的简单抽象,它配备了一些默认的任务,这些任务组成了开发生命周期的各个阶段,在任务配置中,它们表现为一系列的数组:

【common】是运行于Lineman的各个阶段的(比如run和build阶段),【dev】仅用在开发阶段(lineman run),【dist】是唯一一个运行在生产阶段的(lineman build)。

配置

Lineman的任务配置有两个目标:
1、选择什么任务
2、处理什么文件
Lineman将这些配置放在两个文件中:
<your-application>/config/application{.js,.coffee}
<your-application>/config/files{.js,.coffee}
关于这两个配置,lineman有默认的文件,但它也允许你在自己的配置文件中重写默认选项。

哪些配置生效了?

配置文件可以存在于多个地方,他们生效的优先级顺序是:
1、<your-project>/config/application{.js,.coffee}
2、<your-project>/node_modules/lineman/config/application.coffee
3、/user/local/lib/node_modules/lineman/config/application.coffee **


开始使用

安装入门

lineman的安装十分简单,
1、安装node.js
2、安装lineman  
$ npm install -g lineman
3、安装 Phantom JS  并把它加到PATH环境变量中。

项目模板

如果你不想使用项目模板,lineman 的new参数 会帮你生成一个空的、与js框架无关的项目目录:
$ lineman new your-project

如果不出意外,那么你将会看到:

它会打印一些说明。

如果你想使用某些js框架(比如angularjs backbone Ember之类)来构建工程,那么你可以下载它相应的工程模板:

工程目录介绍



开发 测试 打包

webServer (使用Express js)

一旦你构建了工程目录或一其他方式克隆了工程目录,你就可以使用lineman工作了:
1、转到你的工程目录
$ cd your-project

2、运行命令启动lineman的开发环境
$ lineman run

3、在浏览器访问  http://localhost:8000

测试

打包

打包使用命令
$ lineman build
执行这条命令,lineman将运行【common】和【dist】阶段的任务。


完成之后,会在dist目录里面生成打包之后的文件。

待续.....
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值