0.0.3 • Published 8 years ago

knighkit022 v0.0.3

Weekly downloads
9
License
-
Repository
-
Last release
8 years ago

欢迎使用 knighkit.

knighkit 是自动化,模块开发,并支持自动打包,支持远程调试的前端开发框架。 目的是减少前端开发过程中的重复工作,使你更关注程序本身。

功能

自动化生成项目结构

一条命令,完成项目的结构

集成常用的 jquery underscore 库等

jquery 主要用于功能的开发,underscore 用于数据的处理等

集成开发阶段使用的模块化开发库 seajs

seajs 用来完成开发阶段的模块加载和调试

新型的模版组成方式,模版即模块。

每个模块都是一个文件夹,每个模块由以下文件构成:

  • m.html/hogan/vm/jade 模版文件,支持4种,自动识别编译
  • m.js 本模块的初始化
  • m.css 样式
  • m.json 本模块的测试数据
  • data.js 模版的数据处理逻辑部分

集成 jstm 模版管理工具

可以使用任意支持预编译的模版框架,强有力的模版构建管理能力

  • 支持四种模版: jade,ktemplate,mustache(hogan.js),velecity
  • 支持模版数据处理模块
  • 支持将其他模版作为插件添加

单独模版的测试页面

自动生成单独模版的测试页面,自动打包数据,方便测试每个小模块

可定制 html 模版的生成模块

可方便的自行添加模版中需要的js工具库等

自动重新编译

自动化监测模版文件变化,自动重新编译已修改的模版文件

内建预览服务器

不需要启动自己的 HTTP 服务器,内置的服务器用一条命令就可以启动

内建 weinre 远程调试服务器

一条命令就可以启动 weinre,简单方便的调试移动端

支持 css 的合并压缩

内置打包工具

自动打包,打包后不依赖 seajs

How to start?

$ npm install -g knighkit

安装成功后,可以输入

$ kkit -?
$ kkit -h
$ kkit --help

查看帮助。

构建你第一个 knighkit 项目

初始化项目

kkit -g
kkit --generate

此命令可在执行命令的目录下,生成一个 knighkit 开发项目。

生成模版

kkit -i
kkit --init

根据以上生成项目的 src/template/good.json 生成模版。 生成的模版在src/template中。

添加一个模版

编译模版

kkit -b
kkit --build

src/template中的模版会被编译输出到 output文件夹下。

合并压缩

kkit -p
kkit --package

根据配置文件中的配置打包,见配置文件

/**                                                  
 * 打包模块, 可设置多个                                       
 * path 是要打包文件的入口模块路径                                
 * name 是输出文件名称                                      
 * -------- begin -----------*/                      
"packModules": [                                     
    {"path": "src/scripts/business", "name": "business"}
]                                                  

以上配置会以 src/script/business 为主入口,打包程序后,以 business 为名称,输出到 dist 下两个文件:

dist/business.js
dist/business-min.js

Authors and Contributors

KnightWu (@wulijian)

Support or Contact

wulijian722@gmail.com