一些前端工具

cross-env

主要用来设置不同环境的变量,例如多端平台,测试线正式线之间的区分。

react-use

自从react推出hooks版本后,社区各个团队都在积极参与,hooks也真的是非常好用,我们可以将很多逻辑通过hooks的方式封装起来,目前社区最流行库是react-use。

classnames

有时候代码里的css类名需要根据不同的条件展示,例如:

lodash

JavaScript 实用工具库,封装了很多方法,项目中使用,避免重复造轮子。

EsLint

主要用来约束项目的代码规范,如果就你自己写项目,那你随意就好,但是团队合作中,项目有个统一的规则,别人才能更容易理解维护。
使用前期可能会觉得不习惯、麻烦,但一两个项目下来,都能写出高质量代码

nodemon

可以自动检测到目录中的文件更改时通过重新启动应用程序。

react-snap

将网站预渲染,利于SEO。

IDEA

一款功能强大的编辑器,高度智能,可以说是支持所有语言。

vconsole

在移动端调试时,无法查看控制台信息,就可以使用vconsole工具,模拟出一个控制台

n

前端工程师通常会负责多个项目,有很多项目对node版本的要求不一样,这时候就可以使用n来切换node版本。

pm2

  • 进程守护,系统崩溃自动重启
  • 启动多进程,充分利用cpu和内存
  • 自带日志记录功能
  • nodemon是前台运行的,pm2是后台运行的

下载

sudo npm i pm2 -g // 全局安装
pm2 --version // 查看版本

常用命令

pm2 start ... // 启动
pm2 list // 查看进程列表
pm2 restart name/id // 手动重启
pm2 stop name/id
pm2 delete name/id
pm2 info name/id // 查看基本信息
pm2 log name/id // 查看日志
pm2 monit name/id // 查看cpu 内存信息

你可能感兴趣的:(一些前端工具)