于进行前端开发以前，我们得明白前端从业者究竟会运用哪些软件，这些软件具体都是些啥。今天跟大伙分享的部分软件里，有些是全新的能够替换先前的软件,然而也有一些属于以往的软件。那么为何我们也都予以分享了呢。虽说它已是过去式了，可是我们需要知晓这个事物，要是你前往的某些公司，以防团队仍在采用这样的手段，那咱也绝不能全然讲我们不会呀！故而熟练运用各类软件的必要性是相当高的！

安装基础软件之时，我们给你展现了进行简单 Web 开发所需的工具，给出了正确安装它们的方式，今日要和大家分享一番！

一、专业人士都使用了什么工具？1、计算机

即便当下属于呈现移动性质的时代，处于手机得以广泛普及的时代了，然而要是你打算从事前端开发工作，那么电脑乃是必不可少的设备！

说不定这于某些人而言听闻起来司空见惯，然而你们当中的一部分人正借助手机或者图书馆的电脑阅览这篇文章。只是针对重度的Web前端开发而言，电脑乃是必备之物，因而在着手学习前端之际最好购置一台电脑：

电脑运行的系统环境分别有： 、macOS 或 Linux

电脑的分类分别有： 台式机（包含一体机）或笔记本电脑。

2、文本编辑器

可用于编写代码，能够是一个文本编辑器，像Code、Text、Atom、GNU Emacs或者VIM，又或者是一个混合编辑器，文档不适用于这种用途，因其依赖隐藏的元素，会对网络浏览器所使用的渲染引擎造成干扰。

3、网络浏览器

用于对代码开展测试，当下，最为常用的浏览器存在多种，其一为（称作火狐的浏览器）sublime text 插件打开，其二为（被叫做谷歌的浏览器），其三是名为Opera（也称为欧朋的浏览器），其四为（名为苹果的相关浏览器体现形式），其五是（被称为微软IE浏览器的那一类），还有其六是Edge（WIN11开始全新替代IE浏览器的那种）。

在移动设备上，以及在你的目标受众有可能依旧正在使用的任何旧浏览器（比如说 IE 8 到 10）之上，你也应当去测试你的网站的表现。Lynx，它是一个基于文本的终端网络浏览器，对于去查看视力障碍用户对于你的网站的体验而言是相当良好的。

4、图形编辑器

选用GIMP，或者Figmasublime text 插件打开，也可以是Paint.NET，又或者XD，来给你的网页制作图像，或者制作图形。

5、版本控制系统（管理更新网站需要）

管理服务器上之文件的版本控制系统，用以开展和团队合作的项目，实现代码与资产之共享，防止编辑冲突。当下，最为流行的版本控制系统乃是·Git，存在亦可有托管服务 。

6、FTP工具

用于管理服务器上文件的工具，有老式Web托管账户，还有FTP工具（日益受Git取代用于此目的）。存在大量的(S)FTP程序可供使用，包含 、Fetch和.

7、自动化构建工具

自动化构建工具，例如 、Grunt 或者 Gulp，用于自动开展重复性任务，像是简化代码以及运行测试 。

8、库和框架

一个库房常常是一个现有的，或者是 CSS 文件，它拿来现成的功能，供你于代码里使用，以加快编写常用功能。框架却更进一层，为你给予一个完整的系统以及一些自定义的语法，让你在其上写一个 Web 应用。

此外还有更多的工具!

二、现在，我究竟需要什么工具？

这看上去像是一个十分冗长繁复的清单，然而幸运的是，你能够在对这些事物缺乏了解的状况下着手开展Web前端开发工作的人们。在这篇文章当中，我们仅仅为你预备了最为基础简单的事物——一款文本编辑器以及一些现代网络浏览器。也就是说具备了以下这些工具，我们便能够开启前端学习之旅了！

安装文本编辑器

你的电脑上可能已经有一个基本的文本编辑器。默认情况下，

面向Web开发，你大概能够做得比记事本或者别的情形更好些。我们提议从Code着手，它是一款免费的编辑器，能给予实时预览以及代码提示。

安装现代网络浏览器

此刻，我们会去安装若干桌面网络浏览器用以测试我们的代码。于下方挑选你的操作系统，接着点击相关链接，下载你所喜爱的浏览器：

在此继续前行之时，你理应最少具备两款如此这般的浏览器，而且要做好开展测试的准备工作标点符号。

附注：和某些当代网络功能不相容，它有可能无法运转你的项目。一般而言你用不着为你的网络项目与它兼容而费神，鉴于极少有人还在使用它——起码在你学习期间别对它太过忧心。你或许在往后会碰到一个需要对它予以支持的项目。

安装本地 Web 服务器

有些项目需要通过 Web 服务器才能成功运行。

如有侵权请联系删除！