jdf-copy
v1.8.43
Published
京东前端开发集成解决方案
Downloads
15
Readme
jdf doc
更新日志
关于JDF
- JDF为京东前端开发集成解决方案-Jingdong front-end integrated solution
- 目的是合理，快速和高效的解决前端开发中的工程和项目问题
- 核心提供了前端开发必备的基础的UI和业务组件，并集成调试，构建，布署，代码生成，文档生成，编辑器插件等一系列开发工具
- 同时提供了前端模块的下载，预览，发布
功能介绍
跨平台
- 完美支持windows、mac、linux三大系统
项目构建
- 生成标准化的项目文件夹
- 支持本地，联调，线上三种开发流程
- 每个项目都拥有一个单独的配置文件，按选项统一编译
模块开发
- 可快速方便的对模块进行创建，引用，预览，安装和发布
- 通过积累，可形成完全符合自己业务的模块云服务
模块编译
- 支持模块编译，内置模块编译引挚
- 支持将vm和smarty模版编译为html
- 支持将sass和less编译为css
- 支持ES6
项目优化
- 自动将页面中的js、css引用转换成combo请求格式
- 自动压缩优化js、css、png文件
项目输出
- 默认给所有静态资源添加CDN域名前缀或后缀戳
- 支持cmd规范，自动提取文件id和dependencies，压缩时保留require关键字
- 支持png图片压缩插件，将png24压缩为png8
- 自动生成css雪碧图，并更新background-position属性值
- 可将小图片一键生成base64编码
- 文件编码统一化，即无论当前文件格式是gbk，gb2312，utf8，utf8-bom，统一输出utf8
项目联调
- 一键上传文件到测试服务器，方便其他同学开发预览
本地服务
- 支持开启本地服务器，方便调试
- 支持本地静态文件预览，内置本地开发调试服务器，以及当前目录浏览
- 支持实时监听文件，文件被修改时会自动编译成css，并刷新浏览器
- 实时在控制台输出错误信息，方便定位代码错误
辅助工具
- 支持html/js/css文件格式化
- 支持html/js/css代码压缩
- 支持html/js/css文件lint，代码质量检查
- 支持chrome浏览器的LiveReload插件
会议/视频/QQ群
安装使用
- jdf基于nodejs
- nodejs安装
- node版本要求 v0.10.0及以上
- 安装jdf
- npm install jdf -g
- 安装测试
- 执行 jdf -v 如果出现版本号则说明你已安装成功
集成工具
- 配置API
- 命令手册
- less/sass编译/png压缩/js/css压缩
- LiveReload自动刷新浏览器
- html/js/css文件lint代码质量检查
- html/js/css文件格式化
- csssprite图片合并
工具示例
开发流程
方案规范
- 项目目录规范
- 项目目录
- 输出目录
- 上线目录
- ui和unit组件目录规范
- ui和unit目录
- widget目录规范
- widget目录
- widget目录细化
widget组件
js组件
##css组件
- css组件
- [ css优化策略](https://github.com/putaoshu/jdf/blob/master/doc/core_css_optimize.md# css优化策略)
##vm模板