前端 的开发工具,作为一个初学者，学前端开发用到什么工具
1. 编辑器：Visual Studio Code、Sublime Text、Atom、WebStorm、Notepad++。
2. 版本管理：Git、GitHub、GitLab、SVN。
3. 包管理：npm、yarn、Bower。
4. 构建工具：Webpack、Gulp、Grunt。
5. 调试工具：Chrome DevTools、Firebug、Safari Web Inspector。
6. 测试工具：Jest、Mocha、Karma、Selenium。
7. UI框架：Bootstrap、Ant Design、Element、Material UI、Vuetify。
8. 图片处理：Photoshop、Sketch、Figma、Zeplin。
9. 数据可视化：D3.js、Echarts、Highcharts、Chart.js。
10. IDE：Eclipse、IntelliJ IDEA、NetBeans"。
前端开发工具
为了让入行新人能够更快的掌握Web前端开发，推荐五个优秀的前端开发工具，供小伙伴们参考。
框架类：Bootstrap
全世界最流行的响应式前端框架。
基于HTML、CSS、JAVASCRIPT的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格。
并兼容大部分jQuery插件。
简洁灵活，使得Web开发更加快捷。
国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
代码编辑器：Codepen、VScode
CodePen是一个在线的HTML、CSS和JavaScript代码编辑器，能够编写代码并即时预览效果。
可以用于在线展示的作品，也可以看到其他人在网页中实现的各种令人惊奇的效果。
VScode免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、GIT等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。
软件跨平台支持Win、Mac以及Linux。
性能测试：GooglePageSpeedInsights
PageSpeed是谷歌的网页测试工具，通相信有接触前端开发的大神们都听说过Google官方的PageSpeedTools，这个网页载入速度检测工具有在线版本也有一个Chrome扩展，叫PageSpeedInsights。
PageSpeedInsights的Chrome扩展是由谷歌官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的插件，过检测评分给你优化建议。
调试类：AtomAptanaStudio
它是非常强悍的JavaScript编辑器和调试器，可以支持多种AJAX和JavaScript工具箱，包括JavaScript编辑和调试。
具有智能代码完成、浏览器兼容性提示、代码错误提示、文档结构树等功能。
HTML5：HTML5测试得分能够提示您正常使用的浏览器对于HTML5标准和相关规范的支持情况的指标。
前端开发工具数量很多，这里只是推荐了千锋武汉HTML5前端小编觉得比较好的5个前端开发工具。
如果你有更好的意见，欢迎给我们留言分享。
作为一个初学者，学前端开发用到什么工具
dreamweaver，photoshop，Visul studio，Sublime
调试工具
主要是主流浏览器，Chrome、Firefox、IE11、Safari，这些浏览器基本都具备了开发者模式，学会使用后基本轻松应付各种前端调试问题。
web前端开发工具有哪些
Web前端开发工具有哪些呢？一起来看看吧。
在网页前端开发时，为了快速、高效地完成任务，通常会使用一些具有代码高亮显示、语法提示等便捷功能的前端开发工具。
常用的Web前端开发工具有Dreamweaver、Sublime、HBuilder、VSCode、chrome等等。
拓展：
什么是Web前端开发
Web前端主要涉及用户通过浏览器可以浏览和使用的Web界面，而Web前端开发就是通过编写HTML，CSS以及JS代码，负责创建Web界面呈现给用户，实现网站在客服端的正确显示及交互功能。 (随机推荐阅读本站500篇优秀文章点击前往：500篇优秀随机文章)
