刚开始学代码式编程？这几款小工具能让你事半功倍

魔爪营科技教育

编程启蒙/科学探索/创新思维

|Scratch|Arduino|JAVA|科学探索|少儿积木|

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

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

如果你刚刚开始学习怎么编程的话，这些工具清单也许能给你提供一些指导。

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倍的常规回放速度观看它们是多么的方便。

VS Code扩展程序

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

-END-

Scratch创意编程入门直播课

课程简介

课程以学习Scratch图形化编程语言为载体，采用项目制教学模式，每节课带领孩子完成一个独立的项目。每堂课学生通过直播或回看视频完成知识点的学习，初步了解编程思想以及建立逻辑思维能力。在每节课的项目中，孩子将学会创作动画与小游戏，并从中学会事件、循环执行、变量、逻辑执行、变量、逻辑判断等基本的计算机程序知识。

授课模式

直播授课+小游戏案例教学+项目式实践

课程服务

项目指导+微信答疑+证书激励+作业点评

课程安排

4次课，每次课2课时，共计8课时

每周六1次课，每次课90分钟

课程随购随学，可反复观看

适用人群

6-13岁0编程基础学员

本文来源于网络，如涉及侵权请联系删除。