当前所在位置: 首页 > 全网热点

原创 前端专业人士都会用到什么什么软件和工具?这篇文章告诉你

2022-05-14 本站作者 【 字体:

原标题:前端专业人士会用什么软件和工具?这篇文章告诉你

在做前端开发之前,我们需要知道前端的人会用哪些软件,这些软件是什么!今天给大家分享的软件,有一部分是全新的,可以替代之前的软件;但是也有一些过去的软件;那么为什么我们都要分享呢?虽然他已经是过去式了,但是我们需要了解一下。如果你去一些公司,避免团队还在用这种方式,那我们也不能完全说不会!所以熟练使用各种软件的必要性非常高!

在基础软件的安装中,我们向您展示简单的Web开发需要哪些工具,以及如何正确安装这些工具。今天就和大家分享一下吧!

1.专业人士用什么工具?

1.计算机

虽然现在是移动时代,手机普及的时代!但是如果要做前端开发,电脑是必备设备!

也许这听起来对一些人来说很熟悉,但你们中的一些人正在用手机或图书馆的电脑阅读这篇文章。但是对于重度的Web前端开发来说,电脑是必需品,所以开始学前端最好买一台电脑:

计算机运行的系统环境是Windows、macOS或Linux。

电脑的类型有:台式机(包括一体机)或笔记本电脑。

2.文字编辑器

用来写代码。它可以是文本编辑器(如VisualStudioCode、SublimeText、Atom、GNUEmacs或VIM)或混合编辑器(Dreamweaver或WebStorm)。Office文档不适合此目的,因为它们依赖于隐藏元素,并且会干扰web浏览器使用的呈现引擎。

3.网页浏览器

用于测试代码。目前最常用的浏览器有Firefox(火狐)、Chrome(谷歌)、Opera (Oppen)、Safari(苹果)、InternetExplorer(微软IE浏览器)和Microsoft Edge(Win 11之后新推出的替代IE浏览器)。

你还应该测试你的网站在移动设备和你的目标用户可能还在使用的旧浏览器(比如IE8-10)上的性能。Lynx是一个基于文本的终端网络浏览器,它非常适合查看视障用户在您的网站上的体验。

4.图形编辑器

如GIMP、Figma、Paint.NET、Photoshop、pxcook、Sketch或XD,为您的网页创建图像或图形。

5.版本控制系统(管理和更新网站所需)

版本控制系统用于管理服务器上的文件,配合团队开展项目,共享代码和资产,避免编辑冲突。现在,Git是最流行的版本控制系统,还有GitHub或GitLab托管服务。

6.FTP工具

FTP工具,老式的网站托管账户,以及管理服务器上的文件(Git越来越多地取代FTP用于此目的)。有很多FTP程序可用,包括Cyberduck、Fetch和FileZilla。

7.自动化构建工具

自动化构建工具,如Webpack、Grunt或Gulp,以自动化重复性任务,如简化代码和运行测试。

8.库和框架

库、框架等。,加快常用函数的编写速度。存储库通常是现有的JavaScript或CSS文件,它提供了现成的函数供您在代码中使用。该框架更进一步,为您提供了一个完整的系统和一些自定义语法,以便您可以在其上编写Web应用程序。

除此之外,还有更多工具!

第二,现在,我需要什么工具?

这似乎是一个很长的列表,但幸运的是,你可以在不知道这些事情的情况下开始在Web前端开发人员。在本文中,我们只为您准备了最基本的东西——一个文本编辑器和一些现代的web浏览器。也就是说,有了以下工具,我们就可以开始学习前端了!

安装文本编辑器

您的计算机上可能已经有了一个基本的文本编辑器。默认情况下,

Windows是记事本,macOS有文本编辑。Linux发行版不一样;Ubuntu是gedit。

对于Web开发,您可能比记事本或文本编辑做得更好。我们建议从VisualStudioCode开始,它是一个免费的编辑器,提供实时预览和代码提示。

安装一个现代化的网络浏览器

现在,我们将安装几个桌面web浏览器来测试我们的代码。在下面选择您的操作系统,然后单击相关链接下载您最喜欢的浏览器:

Linux:火狐,Chrome,Opera,Brave。Windows:火狐、Chrome、Opera、InternetExplorer、MicrosoftEdge、Brave (Windows S10默认有Edge如果你有Windows7或以上版本,可以安装InternetExplorer11;否则,您应该安装替代浏览器)。MacOS:Firefox,Chrome,Opera,Safari,Brave(macOS和iOS默认有Safari浏览器)。

在继续之前,您应该安装至少两个这样的浏览器,并准备好进行测试。

备注:InternetExplorer与一些现代网络功能不兼容,它可能无法运行您的项目。你通常不需要担心你的Web项目与它是否兼容,因为很少有人还在使用它——至少在你学习的时候不用太担心它。以后可能会碰到一个需要支持的项目。

安装本地Web服务器

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

阅读全文