# 常用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
  • Sass
    • sass-loader node-sass sassLib,解析sass语法
    • sass-resource 全局导入sass文件，使得不用每个组件引入。vue-cli3默认自带
  • PostCSS
    • autoprefixer (opens new window) (opens new window) 给css加前缀
    • precss (opens new window) (opens new window) 提供类似sass语法，告别sass包
    • cssnext (opens new window) (opens new window) 将未来CSS特性编译为现今支持的特性
    • px2rem-postcss (opens new window) (opens new window) 将px转为rem工具。移动端强烈推荐
• 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) (opens new window) 轻量级日期时间组件

# React

• 状态库
  • react-redux (opens new window) (opens new window)
  • mobx (opens new window) (opens new window)
• 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)](<https://shenbao.github.io/ishehui/html/RN 基础/React Native 常用第三方组件汇总.html>)

# 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
    • 压测
      • ab (opens new window) (opens new window) apache自带的压力测试工具
      • loadtest (opens new window) (opens new window) 基于npm的ab测试工具
    • istanbul 代码覆盖率
  • 客户端请求
    • http.request()/http.get() node原生
    • request (opens new window) (opens new window) 老牌客户端请求代理模块，包装原生Node的http.request,使得调用更加简单。
    • superagent (opens new window) (opens new window) node端推荐轻量级客户端请求代理模块。渐进式的ajax api，特色是链式调用以及json数据传递参数，支持Node和浏览器。
    • got (opens new window) (opens new window) 轻量级，但也支持promise。
    • axios (opens new window) (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的力量来测试 跨浏览器，做直接测试，以及更多的测试的测试环境

# 参考文章

• 展望 2018 年 JavaScript Testing (opens new window) (opens new window)