百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

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

bigegpt 2024-08-19 12:13 3 浏览

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

在安装基础软件中,我们向你展示了进行简单的 Web 开发需要哪些工具,以及如何正确安装它们,今天和大家分享下!

一、专业人士都使用了什么工具?

1、计算机

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

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

电脑运行的系统环境分别有: WindowsmacOSLinux

电脑的分类分别有: 台式机(包含一体机)或笔记本电脑。

2、文本编辑器

用来写代码。可以是一个文本编辑器(如Visual Studio Code、Sublime Text、Atom 、GNU Emacs或者 VIM),或一个混合编辑器( DreamweaverWebStorm )。 Office 文档不适合这种用途,因为它们依赖隐藏的元素,会干扰网络浏览器使用的渲染引擎。

3、网络浏览器

用于测试代码。目前,最常用的浏览器是Firefox(火狐) Chrome(谷歌)Opera(欧朋)Safari(苹果)Internet Explorer(微软IE浏览器)Microsoft Edge(WIN11后全新的替代IE浏览器)

你还应该测试你的网站在移动设备和你的目标受众可能仍在使用的任何旧浏览器(如 IE 8-10)上的表现。Lynx ,一个基于文本的终端网络浏览器,对于查看视力障碍用户对你的网站的体验是非常好的。

4、图形编辑器

GIMPFigmaPaint.NETPhotoshoppxcookSketchXD,为你的网页制作图像或图形。

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

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

6、FTP工具

FTP 工具,老式 Web 托管账户,以及管理服务器上的文件( Git 正越来越多地取代FTP用于此目的)。有大量的 (S)FTP 程序可用,包括 CyberduckFetchFileZilla.

7、自动化构建工具

自动化构建工具,比如 WebpackGruntGulp,以自动执行重复性任务,如简化代码和运行测试。

8、库和框架

库、框架等,以加快编写常用功能。一个库房往往是一个现有的 JavaScript 或 CSS 文件,它提供了现成的功能,供你在代码中使用。框架则更进一步,为你提供一个完整的系统和一些自定义的语法,让你在上面写一个 Web 应用。

此外还有更多的工具!

二、现在,我究竟需要什么工具?

这看起来是一个冗长的清单,但幸运的是,你可以在不了解这些东西的情况下开始进行 Web前端开发人们。在这篇文章中,我们只为你准备了最基本的东西——一个文本编辑器和一些现代网络浏览器。也就是说有了以下这些工具,我们就可以开始学习前端了!

安装文本编辑器

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

  • Windows 是 Notepad
  • macOS 则有 TextEdit
  • Linux 发行版有所不同;Ubuntu 下是 gedit 。

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

安装现代网络浏览器

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

  • LinuxFirefox 、Chrome 、Opera 、Brave.
  • WindowsFirefox 、Chrome 、Opera 、Internet Explorer 、Microsoft Edge 、Brave (Windows 10默认带有Edge;如果你有Windows 7或以上版本,你可以安装Internet Explorer 11;否则,你应该安装一个替代浏览器)。
  • macOSFirefox 、Chrome 、Opera 、Safari 、Brave (macOS 和 iOS 默认带有 Safari 浏览器)。

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

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

安装本地 Web 服务器

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

相关推荐

悠悠万事,吃饭为大(悠悠万事吃饭为大,什么意思)

新媒体编辑:杜岷赵蕾初审:程秀娟审核:汤小俊审签:周星...

高铁扒门事件升级版!婚宴上‘冲喜’老人团:我们抢的是社会资源

凌晨两点改方案时,突然收到婚庆团队发来的视频——胶东某酒店宴会厅,三个穿大红棉袄的中年妇女跟敢死队似的往前冲,眼瞅着就要扑到新娘的高额钻石项链上。要不是门口小伙及时阻拦,这婚礼造型团队熬了三个月的方案...

微服务架构实战:商家管理后台与sso设计,SSO客户端设计

SSO客户端设计下面通过模块merchant-security对SSO客户端安全认证部分的实现进行封装,以便各个接入SSO的客户端应用进行引用。安全认证的项目管理配置SSO客户端安全认证的项目管理使...

还在为 Spring Boot 配置类加载机制困惑?一文为你彻底解惑

在当今微服务架构盛行、项目复杂度不断攀升的开发环境下,SpringBoot作为Java后端开发的主流框架,无疑是我们手中的得力武器。然而,当我们在享受其自动配置带来的便捷时,是否曾被配置类加载...

Seata源码—6.Seata AT模式的数据源代理二

大纲1.Seata的Resource资源接口源码2.Seata数据源连接池代理的实现源码3.Client向Server发起注册RM的源码4.Client向Server注册RM时的交互源码5.数据源连接...

30分钟了解K8S(30分钟了解微积分)

微服务演进方向o面向分布式设计(Distribution):容器、微服务、API驱动的开发;o面向配置设计(Configuration):一个镜像,多个环境配置;o面向韧性设计(Resista...

SpringBoot条件化配置(@Conditional)全面解析与实战指南

一、条件化配置基础概念1.1什么是条件化配置条件化配置是Spring框架提供的一种基于特定条件来决定是否注册Bean或加载配置的机制。在SpringBoot中,这一机制通过@Conditional...

一招解决所有依赖冲突(克服依赖)

背景介绍最近遇到了这样一个问题,我们有一个jar包common-tool,作为基础工具包,被各个项目在引用。突然某一天发现日志很多报错。一看是NoSuchMethodError,意思是Dis...

你读过Mybatis的源码?说说它用到了几种设计模式

学习设计模式时,很多人都有类似的困扰——明明概念背得滚瓜烂熟,一到写代码就完全想不起来怎么用。就像学了一堆游泳技巧,却从没下过水实践,很难真正掌握。其实理解一个知识点,就像看立体模型,单角度观察总...

golang对接阿里云私有Bucket上传图片、授权访问图片

1、为什么要设置私有bucket公共读写:互联网上任何用户都可以对该Bucket内的文件进行访问,并且向该Bucket写入数据。这有可能造成您数据的外泄以及费用激增,若被人恶意写入违法信息还可...

spring中的资源的加载(spring加载原理)

最近在网上看到有人问@ContextConfiguration("classpath:/bean.xml")中除了classpath这种还有其他的写法么,看他的意思是想从本地文件...

Android资源使用(android资源文件)

Android资源管理机制在Android的开发中,需要使用到各式各样的资源,这些资源往往是一些静态资源,比如位图,颜色,布局定义,用户界面使用到的字符串,动画等。这些资源统统放在项目的res/独立子...

如何深度理解mybatis?(如何深度理解康乐服务质量管理的5个维度)

深度自定义mybatis回顾mybatis的操作的核心步骤编写核心类SqlSessionFacotryBuild进行解析配置文件深度分析解析SqlSessionFacotryBuild干的核心工作编写...

@Autowired与@Resource原理知识点详解

springIOCAOP的不多做赘述了,说下IOC:SpringIOC解决的是对象管理和对象依赖的问题,IOC容器可以理解为一个对象工厂,我们都把该对象交给工厂,工厂管理这些对象的创建以及依赖关系...

java的redis连接工具篇(java redis client)

在Java里,有不少用于连接Redis的工具,下面为你介绍一些主流的工具及其特点:JedisJedis是Redis官方推荐的Java连接工具,它提供了全面的Redis命令支持,且...