那些前端工程化周边生态产品,大前端必备!

165 阅读3分钟

包管理器

包名作用
bowera package manager for the web
npm使 JavaScript 开发人员可以轻松共享和重用代码,并且可以轻松更新您共享的代码
yarn软件包管理器,还可以作为项目管理工具
pnpm速度快、节省磁盘空间的软件包管理器

打包工具

包名作用
grunt对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等
browserify浏览器端的前端打包工具
gulp基于流的自动化构建工具
fis3来自百度的优秀国产构建工具
webpack最流行的模块打包器
parcelWeb 应用打包工具
rollup新一代的 JavaScript 模块打包工具
esbuild极速 JavaScript 打包器
vite下一代前端打包工具

CSS预处理器

包名作用
lessCSS 预处理语言
sass世界上最成熟、稳定和强大的专业级CSS扩展语言
stylus软件包管理器,还可以作为项目管理工具

模板引擎

包名作用
art-template高性能 JavaScript 模板引擎
dot适用于nodejs和浏览器的最快+简洁的javascript模板引擎
nunjucks具有继承、异步控制等功能的强大模板引擎(受 jinja2 启发)
ejs嵌入式JavaScript模板
handlebarsHBS最小的模板引擎
pug缩进式模板渲染引擎

前端开发框架

包名作用
BackboneJS复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构
Ember.jsA framework for ambitious web developers
angular2Superheroic JavaScript MVW Framework
React用于构建用户界面的 JavaScript 库
Vue渐进式 JavaScript 框架

JavaScript超集

包名作用
typescript提供类型系统
coffeescript类似 Ruby 语法的代码编译成 JavaScript

命令行开发

包名作用
chalk终端字符串样式
chalk-pipe更简单的实用chalk的方式,终端字符串样式
cli-cursor切换 CLI 光标
ora优雅的终端旋转器
cli-table3输出漂亮的控制台表格
cmd-shim创建不同终端可执行脚本
commander命令行接口的完整解决方案
inquirer一组常见的交互式命令行用户界面
inquirer-directoryinquirer目录选择扩展

服务端开发

包名作用
node基于 Chrome V8 引擎的 JavaScript 运行环境
deno安全的 JavaScript 和 TypeScript 运行时环境

后端开发

包名作用
@feathersjs/feathers使用 JavaScript 和 TypeScript 的实时应用程序和 REST API 框架
express快速,简单,极简的节点Web框架
koa2http后端服务器高级封装
egg基于node和koa的企业级后端框架
connect可扩展的 HTTP 服务器框架

PC端开发

包名作用
NWJS轻量级桌面应用开发的捷径
electron快捷搭建跨平台桌面应用

移动端开发

包名作用
apicloud编译安卓原生应用
dcloud增强版的手机浏览器引擎,让HTML5达到原生水平
uniapp使用 Vue.js 开发跨平台应用的前端框架
taro多端统一开发解决方案
cordova使用HTML, CSS & JS进行移动App开发多平台共用一套代码
meteor构建在 Node.js 之上的平台,用来开发实时网页程序
weex可以使用现代化的 Web 技术开发高性能原生应用的框架
reactnative可以使用现代化的 Web 技术开发高性能原生应用的框架
Remax使用真正的 React 构建跨平台小程序
omi发布多端统一框架 Omip 打通小程序与 Web

持续更新中...