初学编程掌握这几个小工具可事半功倍-网络教程-学码思教育
全国热线

025-86901720

全国监督投诉热线:9:00-23:00

初学编程掌握这几个小工具可事半功倍

对于初学编程的人来说,大量的工具信息摆在眼前,很多人根本无从下手,不知道哪种上手更合适。今天南京学码思web培训学校老师总结编制了一份编程工具清单,希望能给刚开始学编程的朋友一些有用的指导。

编程是一项技术工作,要求高,可供使用的工具成百上千种,选择自己好上手方便使用的很重要,对于初学编程的人来说,大量的工具信息摆在眼前,很多人根本无从下手,不知道哪种上手更合适。今天南京学码思web培训学校老师总结编制了一份编程工具清单,希望能给刚开始学编程的朋友一些有用的指导。

初学编程掌握这几个小工具可事半功倍

今天不谈其他浏览器和文本编辑器,主要分为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 扩展程序

Auto Rename Tag ——自动重命名成对的 HTML 标记。假如你创建了一个

标记。现在你想更改它。有了这个软件,你只需要更改一个就行,另一个会自动修改。从理论上来说,使用这个软件可以把你的工作效率提升一倍。

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


除了以上这些工具,随着各人学习的深入,肯定还会有自己使用的更得心应手的工具,我们使用工具的目的是为了提高工作效率,要防止落入贪多不烂的陷阱,不然可能就得不偿失了。如果你对于web前端开发还有什么疑问,或者想学习更多前端开发的技巧,获得免费web前端教程的话,可以直接咨询在线老师,也欢迎大家亲自前来南京学码思实地考察,与我们老师面对面沟通交流。


上一篇:Web前端初学者需要避开的五个坑
下一篇:学习web前端怎样分清主次和优先级

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00