侧边栏壁纸
博主头像
小佑Blog| 小佑前端 | WEB前端博客 | WEB前端笔记 博主等级

未来属于那些相信梦想,并愿意为之付诸行动的人

  • 累计撰写 69 篇文章
  • 累计创建 92 个标签
  • 累计收到 67 条评论

目 录CONTENT

文章目录

优秀的程序员工具

@小佑前端
2022-07-21 / 2 评论 / 4 点赞 / 2182 阅读 / 0 字 / 正在检测是否收录...

Excellent programmer tools

打包工具

  • webpack - 打包项目。
  • rollup - 打包 npm 库。
  • parcel - webpack 竞品,但发展前景不乐观,再观察一段时间。
  • systemjs - 针对一些特殊场景会比较有用,比如云 ide,支付宝小程序 IDE 等。
  • microbundle - 基于 rollup,简化配置。
  • bili - 基于 rollup,同上。
  • father - 组件打包工具,提供 babel 和 rollup 两种打包方式。
  • vue-cli - vue 命令行工具。
  • create-react-app - react 官方脚手架。
  • prepack - 通过预先执行的方式优化打包结果。
  • lebab - 把 es5 代码转成 es6,反向 babel。
  • esm-to-cjs - 把 esm 转成 cjs。
  • tsdx - Zero-config CLI for TypeScript package development.

webpack 辅助工具、Loader 和插件

Bundless

非 JavaScript 编译工具

  • boa - 基于 Rust,嵌入式 Javascript 引擎。
  • cjs-module-lexer - 通上,cjs 模块解析,也可以用 cjs-module-lexer-rollup-reexports
  • deno_lint - 基于 Rust,支持 JavaScript 和 TypeScript 的 lint 工具。
  • dprint - 基于 Rust,代码格式化工具,Prettier 替代品。
  • elsa - 基于 Go,JavaScript 和 TypeScript 的 runtime。
  • es-module-lexer - 基于 C,输出 Web Assembly,esm 模块解析。
  • esbuild - 基于 Go,Webpack 替代品。
  • esbuild-node-tsc - 用 esbuild 编译 TypeScript 项目,但不支持类型检测。
  • markdown-wasm - 基于 wasm 的 markdown 解析工具。
  • minify - 基于 Go,压缩器,支持 HTML5、CSS3、JS、JSON、SVG 和 XML。
  • paperclip - 基于 Rust 和 WAMS,React 视图组件的快速编译和预览。
  • RSLint - 基于 Rust,lint 工具。
  • sucrase - 基于 Rust,Babel 替代品。
  • swc - 基于 rust 的语法转换器,babel 的竞争者。
  • swc-node
  • quick-lint-js - 基于 C++。
  • markdown-wasm - 基于 wasm 的 markdown 解析工具。

包管理

babel

macros

测试

框架

  • react -
  • vue
  • next.js
  • nuxt.js
  • gastby
  • umi - 蚂蚁金服的前端框架。
  • rekit - IDE and toolkit for building scalable web applications with React, Redux and React-router.
  • choo - dva 最初的 API 是参考这个实现的,已经不怎么发展了,再关注一段时间。
  • taro - 用 React 写小程序,适配微信和支付宝等。
  • after.js
  • mint - 提供了语言层方案的框架。
  • quasar - 基于 vue,一套代码多处适用。

react 相关库

vue 相关库

工具类

数据流

redux 扩展

性能优化

语言

文档

工程

  • lerna - monorepo 管理。
  • lerna-changelog - 为 lerna 项目自动生成 changelog。
  • eslint - JS 风格约束。
  • eslint-config-airbnb
  • xo - 封装自 eslint。
  • prettier - 更主观的风格自动修改。
  • yeoman-generator - 脚手架工具。
  • serve - 本地静态服务器。
  • servor - 另一个静态服务器。
  • budo - 又一个静态服务器。
  • np - npm publish 辅助,自动 push、打 tag、升版本等。
  • lint-staged - eslint 提速,只 lint 提交的代码。
  • coveralls - 覆盖率。
  • husky - 添加 git hooks。
  • cross-env - 跨平台的环境变量声明。
  • projj - 本地 git 项目管理,支持 github 和 gitlab。
  • nvm - 管理 node 版本。
  • concurrently - 在 npm scripts 里并行执行命令。
  • @zeit/ncc - 打包为 npm 包为一个文件。
  • npm-check - 检测依赖升级情况,我会和 yarn upgrade-interactive 配合着用,主要用来检测冗余依赖。
  • cpx - 复制,支持 glob,并且可以 watch。
  • onchange - 监听文件变动然后做一些事。
  • just - 微软出的任务管理器。
  • tern - 代码分析器,为不少编辑器服务。
  • lightproxy - 底层协议代理工具,跨平台。

CloudIDE

字体

CSS

命令行

  • ajv - 参数校验。
  • chalk - 输出不同颜色。
  • cheerio - 用类 jQuery 语法处理 HTML。
  • chokidar - 文件监听。
  • clipboardy - 复制文本到粘贴板。
  • debug - 打印调试信息。
  • depd - 给出 deprecated 警告。
  • deprecate - 给过期警告。
  • enquirer - 同上,更 cool 一些。
  • execa - 比 child_process 好用,返回 Promise。
  • figures - ✔︎ 等特殊字符,做了 windows 兼容处理。
  • glob - 文件查找。
  • ink - 用 React 处理命令行输出。
  • inquirer - 交互式命令接口,比如 prompt。
  • ora - 控制命令行光标,显示 loading 等。
  • rimraf - 删除文件。
  • signale - 漂亮的日志打印。
  • semver - semver 版本处理。
  • tiny-glob - 文件查找。
  • update-notifier - 更新提醒。
  • why-is-node-running - 检查 node 没退出的原因。
  • yargs - 命令行入口套件。
  • yargs-parser - 命令行参数解析。

请求处理

压缩解压缩

语法解析

Markdown

编辑器

其他

  • electron
  • fx - 交互式 JSON 查看。
  • DeskGap - 类 electron,由于不包含浏览器的部分,所以产物更小

rtfs

后台网关

  • nodeJs - 支持javaScript语法。
  • expressjs - 一个扩展性极强的node框架。
  • koajs - Node.js的web框架。
  • eggjs - 基于 koa 封装,并做了一些约定。

相关

如果你有更好的前端插件/库可以联系小佑, 分享给大家一起加油努力~~

4

评论区