超好用的前端开发工具合辑

原文链接：https://dev.to/vijaykhatri96/top-20-web-development-tools-in-2020-3mmb

作者：Vijay Singh Khatri

如有翻译不准，请多指正

Web开发领域正在以惊人的速度扩展，每年开发人员都会引入一些新的工具和技术，以更快的速度加速它。大多数科技巨头都是从网络开始数十亿美元的业务的时候，用户数量有限，但现在随着技术的改进，我们拥有数十亿活跃的网络用户，并且为了维护和引入网络上的新旧工具和技术，我们有成千上万的网络开发人员。

由于用户需求和网络安全威胁，每年都会向网络引入新技术，这使得网络开发更容易，用户互动性更强，更安全。与计算机科学中的其他软件开发不同，在Web开发中，我们有大量的库，编程语言，框架和一些预构建工具，Web开发人员可以使用这些工具来创建Web应用程序，例如，可以在相同的Web浏览器上访问Netflix，Facebook和Spotify，但是所有这些网站都使用不同的技术进行后端和前端。

由于Web开发中使用了许多工具，因此不需要学习所有这些工具，只需学习两三个工具，其中包括前端和后端的工具，你可以参加Web开发面试。有成千上万的组织继承了Web开发人员，因此寻找那些正在寻找你想获得的Web开发特征的组织。

Web开发不是学习一门特定的语言，你学到的Web开发语言可能会在一三年内过时，因为在Web开发工具和技术中不稳定，它们会随着时间的推移而变化，所以你需要随着时间的推移更新你的Web技能。

作为开发人员，编写代码所需的第一件事就是文本编辑器，对于Web开发文本编辑器，文本编辑器始终优先于IDE（集成开发环境），因为它们重量轻，我们不需要任何特定的编译器或解释器来运行我们的代码。我们唯一需要的工具是编写代码的文本编辑器和用于执行代码的Web浏览器，但是，对于某些后端工具，我们还需要终端来创建localhost。

1、sublime文本编辑器

Sublime是最受欢迎的文本编辑器之一，它提供了20多种编程语言的代码编辑功能，其中包括所有流行的语言。它是免费使用的软件，同时还提供了一个非常交互式的用户界面。它带有多个主题，开发人员可以根据不同的选择自定义主题。

这是一个非常轻量级的应用程序，易于使用，即使是低规格的低端计算机也可以非常流畅地运行Sublime文本编辑器。它提供了所有重要功能，例如语法突出显示，自动更正，特殊插件，内置控制台等。

2、atom代码编辑器

许多开发人员更喜欢Atom而不是Sublime，因为它是由GitHub开发的，它还提供了比Sublime更多的功能。然而，Atom对代码编辑器市场来说是新的，但它已经在开发人员社区中获得了太多的普及。

2014年，GitHub在市场上发布了Atom，到目前为止，它已经拥有了一个庞大的社区。Atom还提供对多种编程语言的支持，它包括许多包，其中还包括GitHub包，它可以帮助你使用Atom在GitHub存储库上保存或提交任何更改。

像SublimeAtom一样，它也是一个开源轻量级软件，可用于所有流行的操作系统。它具有许多插件和扩展，有助于提高开发人员的工作效率。虽然Atom 为你提供了8 种深色和浅色的语法主题，但也可以安装atom 社区创建的主题。

3、Notepad++

Notepad++编辑器以记事本软件命名，它也是一种流行的文本编辑器，更像是经典的文本编辑器，并且像其他文本编辑器一样，它也涵盖了几乎所有编程语言。它建立在C++的基础上，简单性是其主要特点。使用记事本++，你可以轻松地从一个文件切换到另一个文件。

4、Visual StudioCode

它是一个跨平台的源代码编辑器，由Microsoft创建。它具有许多功能，例如代码调试，嵌入式Git控件，GitHub，语法突出显示，智能代码完成和代码重构。

它还具有许多自定义功能，允许用户更改编辑器主题，还可以为编辑器本身定义快捷键。您还可以在代码编辑器中安装额外的扩展，以获得其他功能。

Web框架是用于创建Web应用程序的多个模块和库的集合。Web-Frameworks包含预先编写的代码，因此在构建Web应用程序时，就不需要从头开始编写代码，而是使用框架预先编写的代码并构建新的应用程序。如今，开发人员使用框架而不是从头开始编写核心代码，但是，所有这些框架都依赖于特定的编程语言，这意味着你需要学习核心编程语言才能在框架上工作。

由于Web开发分为两个主要端，称为前端和后端，因此开发人员为两端创建了各种框架。

前端Web框架

1、Angular

Angular是最受欢迎的前端Web框架之一，它由Google开发，一个大型的前端开发人员社区已经为他们的Web项目调整了angular。最初，当Angular发布时，使用JavaScript作为其编程语言，但在2016年，Goole完全重写了Angular，现在Angular使用Typescript作为其编程语言。

使用Angular，我们可以创建客户端动态网页和Google，它使用Angular为其各种项目创建了这个Web框架。Angular可用于创建跨平台的Web应用程序，其中包括本机移动和桌面的Web应用程序。

2、React.js

React 是由Facebook 开发的JavaScript 库，用于创建前端Web应用程序。然而，react不是一个Web框架，但它也可以用来创建Web应用程序，因为它得到了Facebook的支持，它在几年内获得了很大的普及。这也很重要，因为它是AngularWeb框架的完美竞争对手，所以如果你不是angular的粉丝，你可以使用React，与angular相比，它很容易学习。

3、 Vue.js

Vue.js是另一个流行的JavaScriptWeb框架，于2014年2月发布。像React 和Angular 一样，我们可以使用Vue.js 创建动态、交互式的前端Web 应用程序。因为它使用JavaScript作为编程语言，这使得Vue易于学习和使用。

虽然Vue没有得到任何流行的科技巨头的支持，但它在几年内已经获得了很大的普及。如果我们看一下它的架构，它遵循MVVM（Model-View-ViewModel）架构，它还为你提供了更好的文档。

4、Bootstrap

Bootstrap是一个开源的美观而强大的CSS框架。它于2011年发布，当前版本的bootstrap是Bootstrap4。虽然Bootstrap被认为是一个CSS框架，但它也包含HTML，JavaScript和jQuery脚本。使用Bootstrap，只需执行复制和粘贴即可创建美观且交互式的前端页面。

5、Ember

Ember使用JavaScript作为其编程语言，并于2011年作为跨平台JavaScript框架发布。Ember可用于为桌面和移动设备创建动态客户端应用程序。

大多数专业开发人员将Ember用于前端应用程序。Ember遵循Vue.js等MVMM架构，许多流行的网站如AppleMusic，SquareINC，Discourse，LinkedIn，Twitch等都使用ember作为其用户界面前端。

后端框架

1、Django

Django是最流行的python框架;然而，python有许多Web框架，Django占据了第一的位置。它是一个开源的Web框架，可以用来创建动态的Web应用程序，随着Python3.8的发布，Django开发者也推出了新版本的Django作为Django3。

它有一个非常庞大的社区，你可以在GitHub和StackOverflow上找到成千上万的Django项目。Python本身是2020年最流行的编程语言，它帮助Django形成了一个庞大的社区。

由于python是一种易于学习的语言，但Django不是这种情况，但是，Django还提供了许多内置功能和组织良好的文档。使用Django，可以构建强大而高质量的应用程序。

2、Ruby on Rails

Ruby onRails是后端Web框架中最古老的玩家之一。它使用Ruby作为其编程语言，有超过800，000个网站使用Rubyon Rails作为其后端支持。许多流行的网站，如Airbnb，GitHub，Hulu，Groupon等，都建立在Rubyon Rails之上。

借助该框架，我们可以实现复杂的Web开发算法，甚至可以创建基于云的应用程序。

3、Laravel

Laravel是PHP开发人员的完美框架，他们希望将他们的PHP中级技能提升到一个新的水平。截至PHP本身用于创建后端Web应用程序，但Laravel为您提供了一些PHP预写代码，可以提高PHP开发人员的创造力。

Laravel带有Model-View-Controller架构，对于那些对PHP有一定了解的人来说，它的学习曲线也非常低。

在处理Web项目时，我们需要不同的库，框架，编程语言和其他依赖项，因此要管理所有这些依赖项，我们使用程序包管理器。程序包管理器是一种软件工具，用于安装、配置、删除和升级项目依赖项。

1、NPM

NPM 代表Node Package Manager，它是Node.js 的默认Package Manager。它为超过100，000个封装和模块供电。使用NPM，可以在项目中创建一个package.json文件，并从终端更新和优化所有项目依赖项。如果你想成为一名Web开发人员，你必须具备NPM的知识，因为大多数组织都使用NPM进行他们的项目，如果你是一个完整的初学者，你可以去Reddit上进行NPM初学者的解释。

2、pip

pip是Python的默认程序包管理器，如果你是Python开发人员或使用Django或任何其他pythonWeb框架进行Web开发，你会知道pip及其用法。pip是Python的预安装，使用它，你可以安装PyPI存储库中存在的任何Python包。

3、Yarn

Yarn是Facebook的新程序包管理器，在yarn中，Facebook引入了一个与Lerna相结合的新工作区，它为开发人员提供了一个强大的工具来管理项目的所有依赖项。

Git是流行的版本控制，每个人都用它来附加其项目代码的历史。但是，大部分git 工作都是用git 终端命令完成的，但是现在git 还为用户提供了一些GIT GUI 客户端和应用程序来管理我们的项目代码。

1、GitHub 桌面

它是GitHub的一款软件，可帮助您在桌面上创建和管理GitHub存储库。GitHubDesktop 目前可用于 macOS和 Windows操作系统。如果你不喜欢使用git 命令或终端，只需下载GitHub 桌面并使用其交互式界面提交和管理GitHub 存储库即可。

2、GitKraken

GitKraken是一个开源的跨平台GitGUI客户端，与GitHub桌面相比，它更具交互性和初学者友好性，但它包含git的所有高级功能。它可以帮助您通过交互式图形界面保持git工作流程的清洁。

API代表应用程序编程接口，API测试工具是用于测试API质量的软件，该工具检查API是否符合所有期望或该API中存在一些缺点。

1、SoapUI

使用SoapUI，我们可以非常快速地测试任何REST和SOAPAPI，它还提供了拖放和点击选项进行测试。

2、Postman

Postman是最好的API测试工具之一。它由AbhinavAsthana作为测试和开发的API工作流程发布。现在有超过800万开发人员，使用此测试工具来检查其API的标准。

结论

如果想成为Web开发人员，这些是可以在接下来工作时间里可以使用的工具。你不需要学习所有这些工具，只需使用每个部分的一个工具，并始终尝试使用踏步技术提升自身的技能。