译文：超好用的前端开发工具合辑「渡一教育」

书名镜像：

https://dev.to/vijaykhatri96/top-20-web-development-tools-in-2020-3mmb

译者：Vijay Singh Khatri

如有译者不许，请多尖萼

Web合作开发应用领域已经已经开始以不可思议的速率扩充，每月合作开发者单厢导入很多捷伊辅助工具和控制技术，以更快的速率快速它。绝大多数信息技术巨擘都从互联网已经开始数千万美元的销售业务的这时候，采用者数量非常有限，但那时随著控制技术的改良，我们保有数千万活耀的互联网采用者，因此为的是保护和导入互联网上的旧有辅助工具和控制技术，他们有数以千计的互联网合作开发者。

虽然采用者市场需求和互联网安全可靠严重威胁，每月单厢向互联网导入新控制技术，这使互联网合作开发更容易，采用者交互性大列佩季哈区，更安全可靠。与软件工程中的其它软件合作开发完全相同，在Web合作开发中，他们有大批的库，C语言，架构和很多预构筑辅助工具，Web合作开发者能采用这些辅助工具来建立Web插件，比如，能在完全相同的Web插件上出访Netflix，Facebook和Spotify，但大部份这些中文网站都采用完全相同的控制技术进行前端和前端。

虽然Web合作开发中采用了很多辅助工具，因而不须要自学大部份这些辅助工具，只需自学三四个辅助工具，当中主要包括前端和前端辅助工具，你能参与Web合作开发复试。有数以千计的组织机构承继了Web合作开发者，因而找寻这些已经已经开始找寻你想赢得的Web合作开发特点的组织机构。

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

01文本编辑器

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

1、sublime文本编辑器

Sublime是最受欢迎的文本编辑器之一，它提供了20多种C语言的代码编辑功能，当中主要包括大部份流行的语言。它是免费采用的软件，同时还提供了一个非常交互式的采用者界面。它带有多个主题，合作开发者能根据完全相同的选择自定义主题。

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

2、atom代码编辑器

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

2014年，GitHub在市场上发布了Atom，到目前为止，它已经保有了一个庞大的社区。Atom还提供对多种C语言的支持，它主要包括很多包，当中还主要包括GitHub包，它能帮助你采用Atom在GitHub存储库上保存或提交任何更改。

像SublimeAtom一样，它也是一个开源轻量级软件，可用于大部份流行的操作系统。它具有很多插件和扩充，有助于提高合作开发者的工作效率。虽然Atom 为你提供了8 种深色和浅色的语法主题，但也能安装atom 社区建立的主题。

3、Notepad++

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

4、Visual StudioCode

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

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

02互联网架构

Web架构是用于建立Web插件的多个模块和库的集合。Web-Frameworks包含预先编写的代码，因而在构筑Web插件时，就不须要从头已经开始编写代码，而是采用架构预先编写的代码并构筑捷伊插件。如今，合作开发者采用架构而不从头已经开始编写核心代码，但是，大部份这些架构都依赖于特定的C语言，这意味着你须要自学核心C语言才能在架构上工作。

虽然Web合作开发分为两个主要端，称为前端和前端，因而合作开发者为两端建立了各种架构。

前端Web架构

1、Angular

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

采用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作为C语言，这使Vue易于自学和采用。

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

4、Bootstrap

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

5、Ember

Ember采用JavaScript作为其C语言，并于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年最流行的C语言，它帮助Django形成了一个庞大的社区。

虽然python是一种易于自学的语言，但Django不是这种情况，但，Django还提供了很多内置功能和组织机构良好的文档。采用Django，能构筑强大而高质量的插件。

2、Ruby on Rails

Ruby onRails是前端Web架构中最古老的玩家之一。它采用Ruby作为其C语言，有超过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有一定了解的人来说，它的自学曲线也非常低。

03程序包管理器

在处理Web项目时，他们须要完全相同的库，架构，C语言和其它依赖项，因而要管理大部份这些依赖项，他们采用程序包管理器。程序包管理器是一种软件辅助工具，用于安装、配置、删除和升级项目依赖项。

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相结合的新工作区，它为合作开发者提供了一个强大的辅助工具来管理项目的大部份依赖项。