刚开始学编程?这几款小工具能让你事半功倍

转载 2018年04月02日 00:00:00

英文:Mario Hoyos,翻译:36氪

http://36kr.com/p/5121154.html


科技行业里,可供人们使用的工具成百上千,你要怎么知道用哪一种上手最合适呢?


拿最近刚进入编程这行的人来说吧,大量的工具信息堆砌过来其实毫无益处,反而会无从下手。我发现在自己的开发过程中,很多安装的扩展工具不仅没有真正起到助益作用,反而常常妨碍了正常的开发工作。


我不是专家,不过随着时间的推移,我还是编制了一份工具清单,这些工具已经证明对我非常有用。如果你刚刚开始学习怎么编程的话,这个清单能给你提供一些指导。如果你是个经验丰富的开发人员,也希望你能从中学到一些新的东西。


我将把这篇文章分为Chrome扩展程序和VS代码扩展扩展程序两部分。我知道还有其他的浏览器和文本编辑器,但是我想你当然只能在你能找到的工具里选择,所以还是别因为个人喜好而引起一场宗教般的争论。


Chrome扩展程序


640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1


现在设我是一位web开发人员,以Chrome为阵地。下面是一些能让我少花点时间的工具:

  • WhatFont —— 名字就说明了一切。这是找出你最喜欢网站使用的字体的简单方法,这样你就可以为己所用了。

  • Pesticide—— 修改CSS的绝佳程序。当我试着学习匣子模型的时候,它简直就是救命稻草般的存在。

  • Colorzilla ——用于复制确切颜色的一个网站,用它可以将颜色直接复制到剪贴板上,这样你就没必要花太多时间获得正确的RGBA组合了。

  • CSS Peeper——查看网站使用的颜色时非常方便。在你一开始山寨你认为酷的网站的时候很管用。这个程序能让你查看它们的幕后的色彩方案。

  • Wappalyzer ——想要获悉你在网站上看到的是什么技术,这个程序很有用。想知道某网站使用什么样的框架或者它承载了什么服务?这个照样管用。

  • React Dev Tools——一款用于调试应用程序的工具。有一点要提一下,它只有在你编写React程序时才有用。

  • Redux Dev Tools——一款用于调试应用程序的工具。有一点要提一下,它只有在你编写Redux程序时才有用。

  • JSON Formatter ——让JSON在浏览器中看起来更一目了然的不二之选。也许麻烦的JSON让你苦不堪言,不过只要用了这个软件,找到你要找的东西,所花费的时间会大幅缩短。

  • Vimeo Repeat and Speed ——加速Vimeo视频的绝佳工具。如果你像大多数的web开发人员一样观看视频教程,你就会知道用1.25倍的常规回放速度观看它们是多么的方便。本程序同时也有适用于YouTube的版本。


VS Code扩展程序


640?wx_fmt=jpeg


Visual Studio Code是我写代码时的不二之选。


每个人都有他自己喜欢的文本编辑器,我也不例外。不过,我还是想把这些扩展程序介绍给你,而它们对你所使用的大多数编辑器都适用。看看我最喜欢的扩展程序有哪些:

  • Auto Rename Tag ——自动重命名成对的HTML标记。假如你创建了一个<p>标记。现在你想更改它。有了这个软件,你只需要更改一个就行,另一个会自动修改。从理论上来说,使用这个软件可以把你的工作效率提升一倍。

  • HTML CSS Support ——HTML文档的CSS支持工具。该工具在获得一些简洁的语法高亮显示和代码建议方面非常有用。

  • HTML Snippets ——这一工具在代码分段方面非常有用,可以为你节省大量的时间。它能跟Emmet配对,这样一来你甚至都不用再真正键入HTML了。

  • Babel ES6/ES7 ——JavaScript Babel的辅助工具。如果你用的是Babel,这个工具可以让你更容易区分代码。如果你喜欢JavaScript,那务必也不要错过这款软件。

  • Bracket Pair Colorizer ——色彩可视化工具。如果你没有准确地括号,那这个工具对于发现因此导致的许多常见漏洞十分方便。

  • ESLint ——你在编写代码的时候,利用这个软件可以轻易获取有关漏洞的提示,而且在编码过程中,它还可以帮助你养成良好的编码习惯。

  • Guides ——这一工具可以被用来添加额外的指导行代码。这是另一个视觉提示,以确保你正确地括号了。

  • JavaScript Console Utils ——使控制台日志记录变得更为简单可行。如果你像大多数开发人员一样,你会发现自己需要在调试流中登录到控制台(我知道我们应该使用调试器)。这个实用的程序使得创建有用的console.log()语句变得易如反掌。

  • Code Spell Checker ——这一工具正如其名,是拼写检查程序。漏洞的的另一个常见来源是变量或函数名。这一拼写检查工具可以查找不常见的单词,而且还可以把我们用JavaScript编写的东西进行有效的审核。

  • Git Lens ——可以让我们对某文件何时、以及由何人进行更改变得一目了然。当代码被破坏时,我们就能找到该负责任的人,而不是让你当替罪羊了。

  • Path Intellisense ——文件路径自动完成程序。这样一来从其他文件中导入重要的东西就非常方便了。这一工具使文件导航变得轻而易举。

  • Prettier ——自动代码格式化程序。忘掉那些你不得不手动缩进代码的日子吧,有了这个工具,事情就变得简单多啦。这个程序会比你自己做得更快更好。对这个程序我是鼎力推荐的。

  • VSCode-Icons ——将图标添加到文件谱中。如果文件结构非常不科学,你的眼睛想罢工的话,这个程序可能会有所帮助。它对于你正在制作的任何文件都能提供有用的图标辅助,能使你更为轻易地区分看到的内容。


总结


你肯定也有自己中意的工具,这些工具对你的开发工作来说是必不可少的。也希望我上面提到的一些工具能够提高你的工作效率。


但是千万不要落入贪多不烂的陷阱,因为它可能耗费很多时间。


希望你能在评论区留下你最喜欢的工具,这样我们就可以共同进步了。



精彩回顾  点蓝字即可  

 老码农冒死揭开行业黑幕:如何编写无法维护的代码

 程序员相亲约在肯德基被拉黑 网友却说:活该!

 IT人才供不应求,快看看你值多少钱!

 程序员,如果一小时后永久断网,你会干嘛?

 记录一次壮烈牺牲的阿里巴巴面试

 第一个就跪了!程序员专属表情包汇总之开发篇

 女生节的一个分号,引发程序员的疯狂热议

 程序员听到bug后的N种反应…

 程序员相声:增删改查


640?wx_fmt=gif

刚开始学习编程,这几款工具可以让你事半功倍

      科技行业里,可供人们使用的工具成百上千,你要怎么知道用哪一种上手最合适呢?  拿最近刚进入编程这行的人来说吧,大量的工具信息堆砌过来其实毫无益处,反而会无从下手。我发现在自己的开发过程中,...
  • LY_code
  • LY_code
  • 2018-03-30 21:12:50
  • 43

刚开始学习编程的迷茫、痛苦是必然的?!。

其实,学编程就是这样,刚开始肯定是要糊涂一段时间的。在学习软件编程之前,我们大概都学了十几年的语文、数学,但是忽然接触以前从来没见过、没听过、更没写过的编程语言,还真的是措手不及啊。       我...
  • HXCHXC2
  • HXCHXC2
  • 2013-05-05 00:07:22
  • 880

【腾讯TMQ】这样的测试过程管理让你事半功倍

导语相信每一位测试小伙伴对于测试过程管理都有自己的独特见解。我所在的部门2017年初开始施行测试变革——“测试左移”。过程中有从技术层面的”左移“,也有从流程层面的”左移“等等,方式形态万千。今天和大...
  • TMQ1225
  • TMQ1225
  • 2017-08-17 17:03:47
  • 394

对于刚开始学习Java的人一点建议

1)适合自己的图书才是最好的,最好的书并不一定适合你,看自己的情况。(如果你是一个Java初学者一上手就捧一本Thinking in Java在手里,我想你的日子是不会好过的,那样的书给有一定基础的人...
  • m13286282
  • m13286282
  • 2014-11-17 15:54:41
  • 893

口头禅可能让你丢掉工作,你所不知道的工作沟通禁忌

无论你是新人还是职场老手,都有可能在无意中说出不恰当的话。这些不假思索脱口而出的话可能会引起别人的反感,下面列出20个最好不要在工作中说的话,希望能给大家启发。...
  • li_wei_quan
  • li_wei_quan
  • 2017-12-22 17:07:30
  • 234

为什么你应该学习编程?

学习代码可以锐化思维 程序可能会工作,也可能不会工作。如果它不能正常工作,那么就意味着有需要分析和集中梳理的bug。但是不同于数学难题,即使你的解决方案是错误的,程序也根据代码会做一些意想不到的事情...
  • u011451577
  • u011451577
  • 2017-08-28 16:25:37
  • 7507

ao开发指南

  • 2008年05月09日 22:16
  • 151KB
  • 下载

纠正一个常见的误解,“21天学系列”其实是好书

无意中看到霍炬同学的一篇文章捎带着提到了C++的书:最近我的msn签名是:如果lippman不写《essential C++》,那么市...
  • turingbook
  • turingbook
  • 2008-12-13 03:35:00
  • 5982

我要学编程,看什么书好?--^_^,这里推荐一些个人觉得很不错的书(五)小集篇

虽然一直想写点什么,但是感觉自己怎么写肯定都不如书上写的好,所以到最后感觉还是推荐点书比较好。 下面列举一些自己感觉还不错的书,可能会和以前的有重复,就当做总集篇吧。一般好书都有些难度,而且看很多书还...
  • wearenoth
  • wearenoth
  • 2013-07-06 01:50:00
  • 7672
收藏助手
不良信息举报
您举报文章:刚开始学编程?这几款小工具能让你事半功倍
举报原因:
原因补充:

(最多只允许输入30个字)