开发者入门,这几款小工具能让你事半功倍
科技行业里,可供人们使用的工具成百上千,你要怎么知道用哪一种上手最合适呢?
拿最近刚进入编程这行的人来说吧,大量的工具信息堆砌过来其实毫无益处,反而会无从下手。我发现在自己的开发过程中,很多安装的扩展工具不仅没有真正起到助益作用,反而常常妨碍了正常的开发工作。
我不是专家,不过随着时间的推移,我还是编制了一份工具清单,这些工具已经证明对我非常有用。如果你刚刚开始学习怎么编程的话,这个清单能给你提供一些指导。如果你是个经验丰富的开发人员,也希望你能从中学到一些新的东西。
我将把这篇文章分为Chrome扩展程序和VS代码扩展扩展程序两部分。我知道还有其他的浏览器和文本编辑器,但是我想你当然只能在你能找到的工具里选择,所以还是别因为个人喜好而引起一场宗教般的争论。
Chrome扩展程序
现在设我是一位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扩展程序
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 ——将图标添加到文件谱中。如果文件结构非常不科学,你的眼睛想罢工的话,这个程序可能会有所帮助。它对于你正在制作的任何文件都能提供有用的图标辅助,能使你更为轻易地区分看到的内容。
开发者入门,这几款小工具能让你事半功倍相关推荐
- android 开发小工具,Android 开发者必备的八款小工具
在做Android 开发过程中,会遇到一些小的问题,虽然自己动手也能解决,但是有了一些小工具,解决这些问题就得心应手了,今天就为大家推荐一些Android 开发必备的小工具. Android Pixe ...
- 适合pythonpandas的软件_适合 Python 入门的 8 款强大工具!
原标题:适合 Python 入门的 8 款强大工具! 作者 | codeavail.com 译者 | 弯月,责编 | 屠敏 以下为译文: Python是一种开源的编程语言,可用于Web编程.数据科学. ...
- 利用Python3开发一款小工具(界面的设计)
前面在<利用Python3开发一款小工具(引言)>文章中,对我们的需求进行了分析.为了能够让用户运行该工具,因此我们需要一个ui界面,而python中常用的工具就是pyqt,本文将使用py ...
- 集60+款小工具于一身,解决一堆问题的神器,务必装上
集60+款小工具于一身,解决一堆问题的神器,务必装上 今天推荐一款电脑必装软件:万彩办公大师,强烈推荐安装上,真的办公必备,绝不吃亏,良心免费. 点击链接下载:下载链接 提取码:572197 「软件概 ...
- .NET开发者必备的11款免费工具
如今,HTML5,jQuery,JavaScript等等这些热门技术,受到了开发者们的强烈追捧,有了这些开发工具也为开发者们减轻了许多负 担.本文为开发者介绍了11款.NET框架,这些框架有很多优点, ...
- 分享你一定不知道的10 款小工具
在工作生活中,会遇到一些小的问题,虽然自己动手也能解决,但是有了一些小工具,解决这些问题就得心应手了.今天我给大家分享一些我在工作生活中积累的小工具,这些小工具都是我日常中是使用的,用了很久之后,越觉 ...
- 利用Python3开发一款小工具(环境配置)
前面一篇文章对开发的小工具的需求进行了分析,已经大致清楚了我们需要使用的工具,本文将逐个工具进行安装配置,主要包括: 1.python36安装 2.pycharm安装 3.pyqt5与pyqt5-to ...
- 2345好压3款小工具提取版
介绍 2345好压中提取的md5校验.批量文件名修改.批量字符替换小工具,是你办公处理文件的好帮手. 下载地址 http://www.bytepan.com/FpkVxtW8ufG 图片
- python定期自动运行_干货分享 | 适合 Python 入门的 8 款强大工具,不会就你还不知道吧!...
点击上方"人工智能Corner","星标或置顶公众号" 干货分享,第一时间送达 Python是一种开源的编程语言,可用于Web编程.数据科学.人工智能以及许多科 ...
最新文章
- Bootstrap学习记录-2.container和table
- 谷歌被指骗取人脸数据:部分获取方法可疑
- 赛尔原创 | N-LTP:基于预训练模型的中文自然语言处理平台
- python 安装html,python安装glob
- linux开机自动联网设置
- 奇妙的 10^n + 1
- java单例设计模式双重_Java 设计模式 ——单例模式(饿汉,懒汉,双重锁,静态内部类)...
- 分享一款国外的优化IE9浏览器的软件感觉很好用兼容win7
- Mac OS10.12 编译Android源码8.1
- Windows7下UEFI开发EDK2环境搭建(VS2013+UDK2015+IASL+patch+Openssl)
- 2016年全国房价会呈什么趋势?
- docker出现问题:You cannot remove a running container 解决方案
- 2019全球logo设计趋势
- thinkphp5 layui分页样式
- @vuecomposition-apidistvue-composition-api.mjs in .node_modulesvue-demilibindex.mjs 报错
- Vuecli中添加elementui插件
- 中 华 百 家 姓 一 览
- 解决nuxt项目转为spa打包部署报错问题
- What?Poly又双叒叕发新品了?
- 查看mysql数据库的定时任务_mysql数据库的定时任务
热门文章
- Halcon求取矩形顶点坐标
- halcon边缘检测的方法及各种方法的适用范围
- ABB RAPID 程序 WorldZone 归纳
- android 更新平台,Android更新平台架构方案
- linux 分卷压缩到指定目录,运用在android下Linux分卷压缩与分卷解压的命令
- canopen和1939区别_CAN 和 CANopen的区别和联系
- python idle 清屏问题的解决
- python 多线程读写文件错误_python多线程老是报错。大神帮忙看看哈?
- 第5篇K8S创建资源的两种方式
- MVP群聊某美国公司的应聘试题(压死九个还是一个)