描述

现在前端已经成为独立的开发学科，大部分公司已经是采用前后分离的模式进行项目开发，随着前端的普及和功能越来越强大，能做的事情越来越多，公司对前端的岗位也越来越重视，喜欢前端的同学也越来越多。

但是前端作为独立的方向来开发，最主要的体现就是需要独立的打包、部署，发版。

因此需要掌握的技能部署简单的html，css和JavaScript就可以了。

那想从事前端开发，用到哪些技能和工具呢？掌握了哪些技能和工具就算踏入了前端领域，打通了前端的流程呢？接下来我给还没入门，或者刚入门但想从事前端开发的同学做个讲解。

网页开发三要素：HTML、CSS、JavaScript；

现在前端的发展已经很成熟，也出现了很多成熟且伟大的框架，比如大名鼎鼎的React、Vue、Angular等，这是目前市面上最流行的三个框架，可以说掌握其中一个是找工作必备技能。尤其是React和Vue，Angular相对来说市场份额比较少，不太建议学这个。

那是不是说现在从事前端直接学这些框架就行了？

答案肯定不是，这些框架帮助开发过程中解决了很多的问题，比如性能、安全等等，且大大提高了开发效率，因此才得到了市场的欢迎，公司都纷纷采用这些框架来做项目。

而你作为专业的开发人员，要熟练掌握这些框架是必须的，但是要想走的远，做的好，有上升空间，他们的实现原理和基础知识必须掌握的扎实牢固才行。

现在的浏览器虽然已经很强大，但是浏览器解析网页还是html、css、JavaScript，因此这三门语言是前端开发人员必须系统学习且要掌握的。

开发工具(IDE)的推荐

前端开发最常用的IDE，也就是开发工具有哪些，公司大多使用的是什么？

现在公司大多使用的是微软出的visual studio code，简称vscode，这个工具小巧，轻便，插件丰富，对电脑要求低，跨平台因此广受大家的喜爱。

这个是WebStorm，也很有名，功能非常强大，自带很多功能，因此对电脑配置要求较高。

这个是Subline Text，和vscode类似，也非常小巧，通过插件来丰富自己的功能，但是插件没有那么丰富，和vscode还是有一定的差距。

上面说过了，现在公司开发几乎没有项目需要写静态的html、css、JavaScript来开发，一方面产出比较低，这是最主要的问题，另外就是性能、规范、安全等方面的需要重复的造轮子。

现在要做前端开发react、vue这两个框架必须掌握一个，不然很难找到工作。但这些框架还是原生html、css、JavaScript的封装，因此把这三门语言的基础打结实非常重要。

国内且非一线找工作优先推荐学vue，入门简单，因此中小公司用的多，工作机会也多一点。

如果有时间，建议学习React，一方面React的薪资相对比vue高点，但不绝对，大公司用的多；另外React的开发方式更开放一些，框架升级也是向下兼容。

两个没有高低之分，哪个你学的快，你喜欢，能学精就选哪个。

什么是脚手架？

脚手架就是帮助你快速搭建项目的工具；比如你要创建一个react项目，大概流程如下：

是不是看着都头大，先不说你会不会，每次创建项目你都的走一遍，不仅公司给你的时间不允许，并且会重复的造轮子，意义不大。但学习过程中还是建议大家自己搭建一遍，对理解项目的整体流转帮助很大

react的脚手架有create-react-app，vue现在都用vite，vite也能用于react，因此推荐使用vite

前面讲了前端开发需要掌握的语言和框架，开发完项目后就需要进行打包，部署了。

为什么需要打包？

比如react和vue，说白了就是他们在原生的基础上扩展出了一套自己的语法，这个浏览器是不能直接识别的，即使高版本的原生JavaScript，浏览器现在支持也是不完善的，因此需要通过一些工具把项目代码打包成浏览器能识别的版本，这就是打包要做的工作。

当然既然都重新转化代码，转换过程中可增加做更多的事情，比如把没用的代码剔除掉，注释剔除掉，代码检测等等打包的过程中都可以加进去，提高工作的质量。

常用的打包工具有哪些，有Webpack、Vite、Rollup等等很多

现在用的较多是Vite，入门推荐大家使用Vite，创建项目、打包、部署等封装的都很优秀。

上面就是讲解的就是现在开发一个前端项目要用到的技能和工具，这些掌握了，前端开发就踏入正规，前端就出道了。

要想拿高的工资，那需要学习的东西还很多，需要更加系统和深入的去学习，同学们加油！