前端工程师常用插件/库

Nodejs 插件 :

Front end 类库插件

(一)轮播图
  • Swiper (轮播图插件,支持移动和PC,支持手势拖拽)
  • fullPage (全屏滚动插件,支持移动和PC,支持滚动视差,多种视觉滚动效果)
  • mobile-swiper (仅支持移动端,只支持中间大两边小样式)
(二)弹窗
  • artModal(原生实现,支持移动和PC,有过渡动画,小而简):
  • tinyDialog(基于JQuery或者Zepto,支持移动和PC,可自定义回调函数,无过渡动画)
(三)动画库
(四)图表库

其他类型参考:《前端可视化工具库,助力可视化开发》

(五)调试工具
(六)其他工具

JS 通用工具库

代码相关工具:

Chrome插件

  • JSON Formatter 格式化 json 数据,便于浏览 json 文件

  • 划词翻译 现在需要自行到引用的翻译服务平台开通开发者账号

  • Axure RP Extension for Chrome (用来查看本地 Axure原型图 )

  • Vue.js devtools

  • Reroute 巨好用 用来重定向页面url的 (常用于传统前后端不分离的项目测试时使用)

  • Proxy SwitchyOmega 切换浏览器代理的应用 通常搭配 Whistle 使用

  • Tampermonkey 油猴脚本,可以在特定的网页执行特定的JS逻辑

  • Checker Plus for Gmail 接收谷歌邮件的插件 比 Mac 自带的邮件接收速度快

  • uBlocker:广告屏蔽工具

  • 彩色吸管工具:用于页面取色(HEX 和 RGB 颜色),按 Esc 取消选择

  • 好看的主题:Mint Bokeh


    chrome背景.png
  • Chrome 的搜索引擎,可通过自己给网站设置关键字,在搜素的时候输入关键字 按 space | Tab 键可以切换(详细设置参考

FireFox插件

  • URL switcher:url 替换工具
  • AdBlocker:广告屏蔽工具
  • CROS everywhere - spenibus: 跨域工具

命令行插件

  • 用 n 升级 node
  • 用 nvm 管理 node 版本
  • 用 npm-check 升级 npm
  • pyenv 管理系统 python 版本(但经常 pip 版本对不上)
  • homebrew 每次使用的时候会自己检查更新(可以安装国内的homebrew镜像 升级会快些)
  • iTerm + oh-my-zsh 提供命令行语法解析
    • 使用 omz update更新 oh-my-zsh
    • 若经常遇到 443 端口访问不了的问题,直接替换源地址为国内镜像:
          cd ~/.oh-my-zsh
          git remote set-url origin https://gitee.com/mirrors/oh-my-zsh.git
          git pull
      
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。