在做前端开发之前,我们要知道前端人到底会用到哪些软件,这些软件分别是什么!今天和大家分享的一些软件当中,有些是全新的可以替代之前的软件;但是也有一些是过去的一些软件;那么为什么我们也都分享了呢。虽然他是过去式了,但是我们需要了解这个东西,如果你去的一些公司,避免团队还在使用这样的方式,那咱们也不能完全说我们不会呀!所以熟练使用各种软件的必要性是非常高的!
在安装基础软件中,我们向你展示了进行简单的Web开发需要哪些工具,以及如何正确安装它们,今天和大家分享下!
一、专业人士都使用了什么工具?
1、计算机
虽然如今是移动时代,手机普及的时代了!但是如果你要做前端开发,电脑是必备设备!
也许这对一些人来说听起来习以为常,但你们中的一些人正在使用手机或图书馆的电脑阅读这篇文章。但是对于重度的Web前端开发,电脑是必需品,所以在开始学习前端的时候最好购买一台电脑:
电脑运行的系统环境分别有:Windows、macOS或Linux
电脑的分类分别有:台式机(包含一体机)或笔记本电脑。
2、文本编辑器
用来写代码。可以是一个文本编辑器(如VisualStudioCode、SublimeText、Atom、GNUEmacs或者VIM),或一个混合编辑器(Dreamweaver或WebStorm)。Office文档不适合这种用途,因为它们依赖隐藏的元素,会干扰网络浏览器使用的渲染引擎。
3、网络浏览器
用于测试代码。目前,最常用的浏览器是Firefox(火狐)、Chrome(谷歌)、Opera(欧朋)、Safari(苹果)、InternetExplorer(微软IE浏览器)和MicrosoftEdge(WIN11后全新的替代IE浏览器)。
你还应该测试你的网站在移动设备和你的目标受众可能仍在使用的任何旧浏览器(如IE8-10)上的表现。Lynx,一个基于文本的终端网络浏览器,对于查看视力障碍用户对你的网站的体验是非常好的。
4、图形编辑器
如GIMP、Figma、Paint.NET、Photoshop、pxcook、Sketch或XD,为你的网页制作图像或图形。
5、版本控制系统(管理更新网站需要)
版本控制系统,用来管理服务器上的文件,与团队合作开展项目,共享代码和资产,避免编辑冲突。现在,·Git是最流行的版本控制系统,还有GitHub或GitLab托管服务。
6、FTP工具
FTP工具,老式Web托管账户,以及管理服务器上的文件(Git正越来越多地取代FTP用于此目的)。有大量的(S)FTP程序可用,包括Cyberduck、Fetch和FileZilla.
7、自动化构建工具
自动化构建工具,比如Webpack、Grunt或Gulp,以自动执行重复性任务,如简化代码和运行测试。
8、库和框架
库、框架等,以加快编写常用功能。一个库房往往是一个现有的JavaScript或CSS文件,它提供了现成的功能,供你在代码中使用。框架则更进一步,为你提供一个完整的系统和一些自定义的语法,让你在上面写一个Web应用。
此外还有更多的工具!
二、现在,我究竟需要什么工具?
这看起来是一个冗长的清单,但幸运的是,你可以在不了解这些东西的情况下开始进行Web前端开发人们。在这篇文章中,我们只为你准备了最基本的东西——一个文本编辑器和一些现代网络浏览器。也就是说有了以下这些工具,我们就可以开始学习前端了!
安装文本编辑器
你的电脑上可能已经有一个基本的文本编辑器。默认情况下,
Windows是Notepad,
macOS则有TextEdit。
Linux发行版有所不同;Ubuntu下是gedit。
对于Web开发,你可能可以做得比记事本或者TextEdit更好。我们建议从VisualStudioCode开始,它是一个免费的编辑器,提供实时预览和代码提示。
安装现代网络浏览器
现在,我们将安装几个桌面网络浏览器来测试我们的代码。在下面选择你的操作系统,然后点击相关链接,下载你喜欢的浏览器:
Linux:Firefox、Chrome、Opera、Brave.
Windows:Firefox、Chrome、Opera、InternetExplorer、MicrosoftEdge、Brave(Windows10默认带有Edge;如果你有Windows7或以上版本,你可以安装InternetExplorer11;否则,你应该安装一个替代浏览器)。
macOS:Firefox、Chrome、Opera、Safari、Brave(macOS和iOS默认带有Safari浏览器)。
在继续之前,你应该至少安装两款这样的浏览器,并准备好进行测试。
备注:InternetExplorer与一些现代网络功能不兼容,它可能无法运行你的项目。你通常不需要为你的Web项目与它兼容而操心,因为很少还有人在使用它——至少在你学习的时候不要太担心它。你可能会在以后遇到一个需要支持它的项目。
安装本地Web服务器
有些项目需要通过Web服务器才能成功运行。