Giter VIP home page Giter VIP logo

jdf's Introduction

jdf doc

NPM version

NPM

更新日志

关于JDF

  • JDF为JD前端开发集成解决方案
  • 目的是合理,快速和高效的解决前端开发中的工程和项目问题
  • 核心提供了前端开发必备的基础的UI和业务组件,并集成调试,构建,布署,代码生成,文档生成,编辑器插件等一系列开发工具
  • 同时提供了前端模块的下载,预览,发布

功能介绍

  • 跨平台:完美支持windows、mac、linux等系统
  • 支持本地,联调,线上三种开发流程
  • 可生成标准化的项目文件夹
  • 项目配置:支持为项目创建一个配置文件,按选项统一编译
  • 错误提示:在编译过程中如果遇到语法的错误,在控制台可以输出错误信息,方便定位代码错误位置
  • 支持公共widget的引用,预览,安装和发布
  • 支持widget编译,内置widget编译引挚
  • 支持volicity模板编译,可供前后端共享模板
  • 支持less,sass实时监听文件,当文件改变时自动执行编译成css
  • 支持给所有静态资源添加CDN域名前缀或后缀戳
  • 支持js/css所引用的链接生成combo格式或者压缩一个文件
  • 支持文件夹或者单独文件css和js文件压缩
  • 支持cmd模块自动提取文件id和dependencies,压缩时保留require关键字
  • 支持png图片压缩插件,将png24压缩为png8
  • 支持备份当前工程文件
  • 支持本地静态文件预览,内置本地开发调试服务器,以及当前目录浏览
  • 支持文件监听,保存后文件即可在浏览器即时预览
  • 支持上传到远端服务器,利用文件监听,即实现本地文件保存后可上传至远端服务器
  • 支持html/js/css文件格式化
  • 支持html/js/css文件lint,代码质量检查
  • 编码统一化,即无论当前文件格式是gbk,gb2312,utf8,utf8-bom,统一输出utf8
  • 多条命令,可满足不同的开发需求

安装使用

  • jdf基于nodejs
  • 安装jdf
    • npm install jdf -g
  • 安装测试
    • 执行 jdf -v 如果出现版本号则说明你已安装成功

集成工具

工具示例

开发流程

方案规范

widget组件

js组件

##css组件

##vm模板

编译器插件

update

2014-12-10

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.