前端开发需要掌握的技术有：1、设计软件，如photoshop；2、编辑器，如sublime text；3、代码管理，如git；4、测试工具，如chrome；5、前段基础知识；6、前段框架。

本文操作环境：windows10系统、thinkpad t490电脑。

1、设计软件

前端工程师最首要的任务就是把设计师的设计图切好并翻译成代码，所以我们要学习一些设计软件的基础操作和切图方法。

Photoshop 运用最广泛的设计软件，大部分人都在用它，很有必要学习一下前端工程师必备的PS技能

2、编辑器

工欲善其事，必先利其器。可以用的编辑器有很多，在这里我只推荐一个

Sublime text 最性感的编辑器，搭配插件各种好用配置和使用方法

3、代码管理

不光要学会写代码，也要学会管理你的代码。在工作中你可能会遇到需要自己部署代码的情况；不停地修改迭代重构，当然也需要你掌握版本控制软件。

Git 写代码一定会用到的版本控制软件

4、测试工具

预览和调试必不可少，编写前端代码的大部分时间都是在编辑器和浏览器之间切来切去。

Chrome Dev Tools 谷歌浏览器开发工具，想要预览调试你的前端页面必须在这里啦

5、基础知识

HTML — 超文本标记语言，是一种用于创建网页的标准标记语言。

CSS3 — CSS 用于控制网页的样式和布局，CSS3 是最新的 CSS 标准。

javascript — Web 的编程语言，所有现代的 HTML 页面都使用 JavaScript。

6、前端框架

React

Vue

Angular

相关推荐：css视频教程