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

来源:互联网 发布:邮箱客户端软件 编辑:程序博客网 时间:2024/05/21 06:30

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

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之类)来构建工程,那么你可以下载它相应的工程模板:

Lineman Backbone Template

Lineman Angular Template

Lineman Ember Template

Lineman Lib Template

Lineman Blog Template


工程目录介绍



开发 测试 打包

webServer (使用Express js)

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

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

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

测试

打包

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


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

待续.....
1 0
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 眼睛得了麦粒疹怎么办 公告牌证作废怎么办 宝宝吃了护臀膏怎么办 八字五行同类强怎么办? 重装系统出现两个系统盘怎么办 看视频手机发烫怎么办 dhcp获取ip失败怎么办 苹果笔记本打不出数字怎么办 系统盘读不出来怎么办 waifai密码忘了怎么办 window xp忘记密码怎么办 winxp密码忘了怎么办 xp电脑密码忘记怎么办 xp桌面图标有阴影怎么办 联想电脑忘记登录密码怎么办 xp系统忘掉密码怎么办 xp密码忘记了怎么办 电脑忘记开机密码怎么办 注销了win7用户名怎么办 xp启动后黑屏怎么办 开机要按esc怎么办 excel产品激活失败怎么办 米粉卡激活失败怎么办 电脑死机ppt保存怎么办 电脑装系统黑屏怎么办 电脑c盘无法访问怎么办 d盘变成ntfs怎么办 系统重装卡住了怎么办 系统关机没反应怎么办 232串口打开失败怎么办 逆水寒cpu不支持怎么办 显卡被禁用了怎么办 vmvare注册错了怎么办 电脑主机未成功启动怎么办 主机未成功启动怎么办 电脑主机未能成功启动怎么办 虚拟机没有自带怎么办 错误连接为720怎么办 dns错误不能上网怎么办 家里无线用不了怎么办 磁盘c5坏了怎么办