springleo's blog

# 常用Node工具总结

很多工具包都是基于node环境，node的成功造就了大前端的繁荣。以下总结实用性较强的一些工具包。

# Common

  • Tool
    • webpack 打包工具
    • eslint js代码检查
    • stylelint css代码检查
    • prettier 格式化代码工具
    • husky git钩子工具
  • Lib
    • lodash/underscore js基础工具库
    • moment - 重量级时间处理库，支持时间解析、格式化、计算等，功能强大，支持浏览器和 Node.js
    • date-fns - 较 moment 更轻量级的事件处理库，体积更小
    • fastclick 处理移动端点击事件
    • pinyin 前端/nodejs汉字转拼音
  • CSS
  • Yeoman 快速构建项目,有较多模板可选择
  • browser-sync 取代LiveReload为新型浏览器自动刷新插件，提高多浏览器开发效率。对于没有使用Hot reload的项目非常有用
  • onchange npm script文件变动检测

# Vue

  • vue-router 官方路由
  • vuex 官方状态库
  • Nuxt.js - Vue 同构框架
  • axios - vue官方推荐的client库，功能丰富，支持Node和浏览器
  • vuelidate 轻量级表单验证
  • vue-svgicon 轻量级svg图标
  • vue-datepicker-local (opens new window) 轻量级日期时间组件

# React

  • 状态库
  • RxJS
  • Next.js - React 同构框架
  • ReactNative
    • react-native-scrollable-tab-view 可滚动tab标签
    • react-navigation 导航库
    • react-native-fit-image 自适应图片库，包括网络图片
    • react-native-vector-icons 图标库
    • react-native-device-info 获取设备信息，系统名/版本/型号等等
    • react-native-simple-store 轻量级store。
    • react-native-storage 持久化存储
    • react-native-splash-screen 首屏splash
    • 更多... (opens new window)

# Node

  • 框架
    • express 轻量级web框架,使用最广泛的 Node.js web 框架
    • Koa - express 原班人马打造，轻量精美的框架
    • egg - 基于 Koa，强大的 loader / plugin 等机制，项目架构更清晰可控，阿里巴巴企业级应用框架
    • keystone - 基于 Mongodb 的 CMS
  • 部署工具
    • nodemon - 支持热加载和自动重启
    • pm2 - 支持热启动、负载、集群、监控、重启等功能
    • http-server 静态文件服务器命令行工具，无需配置，一条命令开启 http 服务
  • 模块
    • web常用
      • connect-history-api-fallback 没有匹配到路径时，导航到index.html
      • body-parser 解析req.body
      • cookie-parser
      • http代理
        • http-proxy - node http代理库，使用起来较原生
        • http-proxy-middleware推荐 express中间件，使用简单。底层使用http-proxy
    • node常用
      • chalk 粉笔，使得字符串带颜色、背景色等。类似包：colors
      • fs-extra 拓展原生的nodejs fs模块，支持async/await
      • figlet：使用普通字符制作大字母的程序（注：使用标准字符，拼凑出图片）
      • shelljs shelljs重新包装了 child_process，调用系统命令更加方便
      • execa 更好的child_process
      • 命令行
        • commander.js 使得命令行更简单，API丰富，tj大神之作
        • yargs 更简易的处理命令行参数小工具，比commander.js优秀的是参数不全会自动给出提示。常用在node小工具中
        • Inquirer.js 用户交互式命令行。常用在cli脚手架中
        • minimist 简单的参数处理包，对process.argv.slice(2)数组进行key-value处理
      • cheerio nodejs dom解析库,常用来做爬虫
      • markdown 把markdown字符转为html字符
      • semver 语义化node，常用来作为最小node版本要求
    • express/koa
      • get-port 获取有效端口号
      • open 自动打开浏览器
      • morgan 日志中间件
      • serve-static 静态服务中间件
      • koa-router 相当于app.Router;
      • koa-static 相当于express.static
    • 测试
      • 单测
        • Jest推荐 测试框架，基于Jasmine。Facebook出品，很容测试React 应用。如果你有一个大项目, 或者想快速开始不需要太多配置，那么 Jest 将会是一个很好的选择。
        • mocha推荐 测试框架，支持node和web端。好处是灵活，可扩展性高，自己选择对应工具；坏处是你必须搭配一些断言库 + 代码覆盖率库
        • –-recursive 使全部子目录下的测试用例都能被执行
        • --watch/-w 用来监视指定的测试脚本。当脚本发生变化，就会自动运行mocha。
        • –-bail/-b 只要有一个测试用例没有通过，就会停止执行后面的测试用例。
        • chai推荐 断言库。BDD（行为驱动开发）/TDD（测试驱动开发）风格，同时支持should，assert，expect。支持node端和web端，通常chai可以替代should包。
        • should 断言库。BDD风格。
        • Jasmine 大而全框架，自带断言等feature
      • 压测
      • istanbul 代码覆盖率
    • 客户端请求
      • http.request()/http.get() node原生
      • request (opens new window) 老牌客户端请求代理模块，包装原生Node的http.request,使得调用更加简单。
      • superagent (opens new window) node端推荐轻量级客户端请求代理模块。渐进式的ajax api，特色是链式调用以及json数据传递参数，支持Node和浏览器。
      • got (opens new window) 轻量级，但也支持promise。
      • axios (opens new window)web端推荐 客户端请求代理模块。功能丰富，支持Promise，支持Node和浏览器。但Node端传递数据需要qs等第三方库进行数据stringfy，同时难以支持嵌套的对象数据，故在node端不推荐使用。
    • mongodb
      • mongodb mongodb驱动
      • mongoose推荐 - 全能的 MongoDB ORM 库。底层使用mongodb Client

持续更新中...

mocha 和Jasmine是测试代码的测试框架： 他们可以使用不同的断言库。

should.js 是一个断言库- 它从IE9和其他浏览器工作- 所以你需要一个测试框架来使用它

chai是一个断言库"生态系统"： 你可以添加插件或者只使用它自己的版本的should.js 或者 expect.js - 也需要一个测试框架来使用它。

Karma 是一个利用 mocha 和Jasmine的力量来测试 跨浏览器，做直接测试，以及更多的测试的测试环境

# 参考文章

Node Debug for VSCode →