• 18 个提高生产力的开发者工具


    本篇介绍一些提高生产力的工具,包括网站、浏览器插件、VSCode插件和命令行工具~

    网站篇

    Bundlephobia

    如果你想要安装一个新的依赖,这个网站可以查看这个依赖的大小、是否支持 tree-shaking 等各项指标。(仅限 npm 包哈)

    https://bundlephobia.com/

    Coolors

    还在发愁自己某个项目的配色?可以来这个网站找找看。

    https://coolors.co/

    Carbon

    可以把代码变成好看的图片,笔者之前的文章就使用过~

    https://carbon.now.sh/

    Snippet generator

    代码片段很好用,可是生成它们却很麻烦,这个网站可以根据代码一键生成。支持 VSCodeSublime TextAtom

    https://snippet-generator.app/

    Wolfram Alpha

    如果你有一个复杂的表达式需要计算,或者很长的 if 语句想要简化,可以用这个网站,它会帮你判断各种条件,以及生成韦恩图等数据图表。

    https://www.wolframalpha.com/

    DevHints

    速查表大全,包括 bashes6regexpvscode 等上百种 cheatsheets

    https://devhints.io/

    Caniuse

    浏览器兼容性速查,browserlist 用的就是这里的数据来兼容浏览器的。

    https://caniuse.com/

    Chrome 插件篇

    FeHelper

    超过 20 种实用小功能,包括字符串编解码、jsON格式化、二维码生成等。

    https://www.baidufe.com/fehelper

    Wappalyzer

    帮你探测网站使用了哪些技术栈。

    https://www.wappalyzer.com/

    Screencastify

    将你的网站录成小视频。

    https://www.screencastify.com/

    VSCode 插件篇

    Bracket Pair Colorizer

    括号高亮工具,快速找到你的另一半!(括号)

    Bracket Pair Colorizer

    Git Graph

    Git 历史记录图形化,有了它,我好像用不上 Sourcetree 了~

    Git Graph

    GitLens

    神器!查看历史记录超方便~

    GitLens

    Live Share

    VSCode 官方插件,远程代码分享。

    Live Share

    电脑刺绣绣花厂 http://www.szhdn.com 广州品牌设计公司https://www.houdianzi.com

    CLI 工具篇

    ngrok

    一行命令,内网穿透。演示本地项目必备。

    https://ngrok.com/

    serve

    快速起服务,可用于调试打包后代码!

    https://github.com/zeit/serve

    tldr

    Too long; Didn't read. 各种命令说明太复杂,用这个可以只看重点!

    https://tldr.sh/

    fkill

    强杀进程,跨平台。

  • 相关阅读:
    批处理文件双击运行成功,程序调用却运行失败解决方案
    前端安全之加解密种类与HTTPS加密原理(二)
    node包管理nvm与pnpm(一)
    React状态管理—reduxAPI原理分析(三)
    动态规划原理与算法实践(二)
    双指针算法基本原理和实践(一)
    分治算法基本原理和实践(三)
    编程范式(一)
    Java基础
    前端模块化CommonJS、AMD、CMD、ES6模块(二)
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/13851756.html
Copyright © 2020-2023  润新知