自动化构建

Webpack

是前端资源模块化管理和打包工具

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。

gulp.js

基于流的自动化构建工具。

gulp.js - 基于流(stream)的自动化构建工具。Grunt 采用配置文件的方式执行任务,而 Gulp 一切都通过代码实现。

Grunt

项目构建工具

Grunt 是基于 Node.js 的项目构建工具。它可以自动运行你所设定的任务。Grunt 拥有数量庞大的插件,几乎任何你所要做的事情都可以用 Grunt 实现。

Rollup

新一代的 JavaScript 模块打包工具

Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。

百度Fis3

FIS3 , 为你定制的前端工程构建工具

解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题。

Yarn

中文手册

Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。

预编译

LESS

一种动态样式语言

LESS 为 CSS 赋予了动态语言的特性,如变量、继承、运算、函数。LESS 既可以在客户端上运行 (支持 IE 6+、Webkit、Firefox),也可以借助 Node.js 或者 Rhino 在服务端运行。

Sass

最流行的 CSS 扩展语言解析器

Sass 是一个成熟、稳定、强大的 CSS 扩展语言解析器。

PostCSS

基于 Node 的 CSS 预处理器

PostCSS是使用JS插件转换样式的工具。这些插件可以使您的CSS,支持变量和混合,拖放未来的CSS语法,内联图像等。

Stylus

中文手册

基于 Node 构建的表现强大,功能丰富的 CSS 语言。

TypeScript

JavaScript的超集

TypeScript 是 JavaScript 类型的超集,它可以编译成纯 JavaScript。跨浏览器,跨平台,并且是开源的。

Pug

原名叫 Jade, Node.js 模板引擎

Pug 是一款健壮、灵活、功能丰富的模板引擎,专门为 Node.js 平台开发。Pug 是由 Jade 改名而来。

Handlebars

一个书写高效率、语义化的模板引擎

Handlebars 是一个书写高效率、语义化的模板引擎,与 Mustache 模板兼容。

其他

Git Guide

Git 简易指南

Git简易指南 -- 帮助你开始使用 git 的简易指南,木有高深内容,;)。

Pro Git

Git 入门到专家指南

Pro Git 中文版(第二版)是一本详细的 Git 指南,主要介绍了 Git 的使用基础和原理,让你从 Git 初学者成为 Git 专家。

GraphQL

一种用于 API 的查询语言

GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。

Mock.js

生成随机数据,拦截 Ajax 请求

让前端攻城师独立于后端进行开发。不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。

ESLint

中文文档

可组装的JavaScript和JSX检查工具。

Stylelint

中文文档

一个强大的现代 CSS 检测器,可以让你在样式表中遵循一致的约定和避免错误。

IconMoon

图标解决方案

IcoMoon是一个图标解决方案,提供三个主要服务:矢量图标包,IcoMoon应用程序和托管图标作为SVG或字体。

Gitbook

精美的电子书工具。

GitBook 是一个基于 Node.js 的命令行工具,可使用 Github/Git 和 Markdown 来制作精美的电子书。