本篇介绍一些提高生产力的工具,包括网站、浏览器插件、VSCode插件和命令行工具~
如果你想要安装一个新的依赖,这个网站可以查看这个依赖的大小、是否支持 tree-shaking 等各项指标。(仅限 npm 包哈)
https://bundlephobia.com/
还在发愁自己某个项目的配色?可以来这个网站找找看。
https://coolors.co/
https://carbon.now.sh/
代码片段很好用,可是生成它们却很麻烦,这个网站可以根据代码一键生成。支持 VSCode
,Sublime Text
,Atom
。
https://snippet-generator.app/
如果你有一个复杂的表达式需要计算,或者很长的 if
语句想要简化,可以用这个网站,它会帮你判断各种条件,以及生成韦恩图等数据图表。
https://www.wolframalpha.com/
速查表大全,包括 bash
,es6
,regexp
,vscode
等上百种 cheatsheets
https://devhints.io/
浏览器兼容性速查,browserlist
用的就是这里的数据来兼容浏览器的。
https://caniuse.com/
超过 20 种实用小功能,包括字符串编解码、JSON格式化、二维码生成等。
https://www.baidufe.com/fehelper
帮你探测网站使用了哪些技术栈。
https://www.wappalyzer.com/
将你的网站录成小视频。
https://www.screencastify.com/
括号高亮工具,快速找到你的另一半!(括号)
Bracket Pair Colorizer
Git 历史记录图形化,有了它,我好像用不上 Sourcetree 了~
Git Graph
神器!查看历史记录超方便~
GitLens
VSCode 官方插件,远程代码分享。
Live Share
一行命令,内网穿透。演示本地项目必备。
https://ngrok.com/
快速起服务,可用于调试打包后代码!
https://github.com/zeit/serve
Too long; Didn't read. 各种命令说明太复杂,用这个可以只看重点!
https://tldr.sh/
强杀进程,跨平台。
https://github.com/sindresorh...
原文链接:18 DevTools for productivity
这篇文章简单的分享一套我认为有助于提升开发者工作流的工具集。这套工具集中的大部分你可能见过,也可能没见过,如果有哪个/些让你眼前一亮,那么我的分享就很值了。这个列表包含许多种类的资源,所以这里我将它们分组整理。
今天给大家分享前端程序员最爱用的代码编辑器,来看看你用哪款?包括:Visual Studio Code、Atom、HBuilder、Sublime Text、Dreamweaver、Brackets、Notepad++
Js常用工具方法封装:type 类型判断、Date、Array、String 字符串操作、Number、Http、DOM、Other 其它操作
日常开发中,编写 Node.js 命令行工具来完成一些小任务是很常见的操作。其编写也不难,和日常编写 Node.js 代码并无二致。package.json 中的 bin 字段
做过校验需求的小伙伴们都知道,校验其实是个麻烦事。规则多,需要校验的字段多,都给我们前端带来巨大的工作量。一个不小心,代码里就出现了不少if else等不可维护的代码。因此,我觉得一个团队或者是一个项目
Licia 是一套在开发中实践积累起来的实用 JavaScript 工具库。该库目前拥有超过 300 个模块,同时支持浏览器、node 及小程序运行环境,提供了包括日期格式化、md5、颜色转换等实用模块,可以极大地提高开发效率。
WordGrinder它是一款使用起来很简单,但拥有足够的编写和发布功能的文字编辑器。Proselint:它是一款全能的实时检查工具。GNU Aspell:
工欲善其身必先利器,作为前端行业的你,如果知道一些好用的软件工具可以帮助他们更好的工作。下面,就给大家分享Web前端开发工程师常用的工具。
ES2017+,你不再需要纠结于复杂的构建工具技术选型。也不再需要gulp,grunt,yeoman,metalsmith,fis3。以上的这些构建工具,可以脑海中永远划掉。100行代码,你将透视构建工具的本质。
一旦被那些受利益驱使或有政府背景的黑客团伙盯上,在这场不太公平的攻防博弈中,你会明显感到力不从心。他们有充足的时间,有娴熟的技术和丰富的资源,而且只要在无数次的尝试中成功一次就可以大获全胜
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!