前端开发环境工具有哪些

WebStorm，2015年项目标配，提升效率30%。 Git Bash，2018年团队协作，代码版本控制。 Node.js，2019年前后端分离，简化开发流程。 Fiddler，2020年调试HTTP请求，快速定位问题。

前端工具一大把，常用的有：

1. VSCode：代码编辑器，方便快捷。
2. Git：版本控制，管理代码变更。
3. npm/yarn：包管理工具，安装依赖。
4. Webpack：模块打包工具，优化项目。
5. Babel：代码转换器，让ES6+代码兼容低版本浏览器。
6. PostCSS：CSS处理器，增强CSS功能。
7. SASS/LESS：CSS预处理器，提高CSS编写效率。
8. Chrome DevTools：调试工具，检查网页问题。
9. Fiddler/Postman：接口调试工具，测试API。
10. Lighthouse：性能分析工具，优化网页性能。
    你自己看，还有其他工具可以用。

啊说起来前端开发环境工具，这事儿我懂点。得，咱就聊聊那些年我用过的，或者听说过的那些家伙事儿。
首先，得提的就是 Sublime Text 了，这玩意儿2008年出来的，当时那会儿谁用谁潮。然后就是 WebStorm，2012年微软给弄出来的，那会儿好多人说这玩意儿比 Sublime 还好使。
再说说编辑器，Visual Studio Code 是个热门货，2015年微软开源的，现在几乎成了前端开发的标准配置。我那时候用的还是 1.0 版本，说实话，当时也没想明白为啥这么多人喜欢它。
然后是构建工具，Gulp 和 Grunt，2013年左右火起来的，那时候大家都在说用的人多了，能提高效率。不过后来 Webpack 出来了，2016年，这玩意儿整合了 Gulp 和 Grunt 的优点，现在基本上没人用 Gulp 和 Grunt 了。
至于版本控制，Git 是必选项，2005年就出来了，那时候大家都在用 SVN，Git 一出来就颠覆了整个行业。然后是 npm 和 Yarn，2015年 npm 3.0 版本发布，Yarn 是 2016年出来的，那时候说 Yarn 解决了 npm 的一些问题，不过我个人觉得差别不大。
还有前端框架和库，比如 jQuery，2006年出来的，当时那会儿谁用 jQuery 谁牛逼。然后是 Angular，2010年谷歌出的，当时那会儿好多人说 Angular 是未来。现在呢，React 和 Vue.js 火得不要不要的，2013年 React 出来，2014年 Vue.js 也出来了。
最后，前端性能优化工具，比如 Lighthouse，2017年谷歌推出的，那时候说这玩意儿能帮你检测网站的性能问题。
就这么些，其实前端开发环境工具还是挺多的，不过说到底，工具这东西，用得好才是王道。