web前端开发工具,JS,前端培训

前端开发用什么编辑器最好？

前端的编辑器很多，这个也没什么特殊的标准，哪个一定好，哪个一定不好，只要能高效、保质保量的完成工作就行，下面我介绍几款常用的前端代码编辑器，感兴趣的可以下载尝试一下：1.VS Code：这个是微软开发的一个免费、开源、跨平台的代码编辑器，支持几十种编程语言，包括Html，CSS，JS等，小巧灵活、运行效率高，支持常见的代码高亮、语法提示、智能补全、错误检查、Git等功能，而且插件扩展丰富，配置后，可直接调试运行Java，C 等程序，是一个很不错的代码编辑器，也很适合前端开发：2.Sublime Text：这也是一个免费、跨平台、小巧的代码编辑器，支持的编程语言与VS Code差不多，轻便、灵活、运行效率较高，支持常见的代码高亮、语法检查、自动补全等功能，安装相关插件后，也可以完成代码的调试和运行，对于前端开发来说，也是一个很不错的代码编辑器：3.Atom：这个是GitHub专门为广大程序员开发的一个代码编辑器，免费、开源、跨平台，支持常见的Html，CSS ，JS，Java，C 等编程语言开发，代码高亮、自动补全、语法提示、轻便灵活，是一个非常不错的代码编辑器：4.Notepad ：这个大部分人都应该听说过，其实就是记事本的增强版，支持多达27种编程语言，包括前端的Html，CSS，Javascript等，自动补全、语法提示等功能也不错，小巧灵活，使用方便，是一个很不错的前端代码编辑器：5.Hbuilder：这个是国产的一个前端开发的IDE，专门用于web开发，界面柔绿、清爽护眼，支持常见的自动补全、语法提示等功能，还支持Markdown功能，可以将开发的前端网页云端打包成安卓或iOS手机应用，是一个非常不错的前端编辑器：6.WebStorm：这是一个重量级的Web开发IDE，由Jetbrains公司研发，Web开发的神器，常见的代码高亮、智能补全、语法提示、Git等功能，这个软件都支持，除此之外，还支持单元测试、代码重构、代码分析等功能，在大型项目开发中，经常会用到，是一个很不错的前端IDE：目前，就分享这6个前端开发的代码编辑器吧，像其他的软件，Editplus，IDEA，DW，Eclipse等也都可以，选择适合自己的一个就行，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。

前端开发用什么工具比较好啊？

前端开发用什么工具好？这个因人而异了，目前比较流行的有vs code、sublime text、hbuilder、webstorm等，下面我简单介绍一下，感兴趣的朋友可以尝试一下：免费开源：vs code说起vs code，许多搞前端的朋友应该非常熟悉，一个免费、开源、强大的代码编辑器，和vs同宗同源，但比vs更简洁轻便，支持代码补全、语法高亮、智能提示等基本功能，除此之外，针对前端等提供了许多免费强大的插件，包括自动闭合、同步修改、断点调试等，新手学习非常容易掌握，相信你很快就会爱上这款软件：简洁轻便：sublime text这也是前端一个比较常用的开发工具，基本功能和vs code相差不多，简单轻便，支持跨平台，但原则上不免费，支持语法高亮、智能补全、代码提示等基本功能，除此之外，也提供了非常多的插件扩展，包括emmet、docblockr等，对于开发前端效率非常高，新手学习来说也非常容易：国产软件：hbuilder这是一个非常不错的国产web开发工具，相信许多朋友应该都听说过，界面柔绿、清爽整洁，支持自动补全、语法高亮、markdown等基本功能，可以很轻松的将编写好的前端网页打包为安卓或ios app，除此之外，插件扩展丰富，对于前端开发来说，也是一个非常不错的选择：专业强大：webstorm这个一个非常专业强大的web开发工具，jetbrains公司的产品，相信许多朋友都应该非常熟悉，除了常见的智能补全、语法提示等基本功能，这个软件还支持代码分析、代码重构等高级功能，如果你钟情于pycharm、idea等产品，那么webstorm就是一个非常不错的选择，相信你很快就会爱上这款软件，唯一的缺点webstorm是商业、非免费的：目前就介绍这4个不错的前端开发工具吧，比较常用的就是vs code、sublime text，当然，还有许多其他软件，像notepad 、dreamweaver等也都非常不错，根据个人需求和爱好，选择适合自己的一个就行，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言进行补充。

你最喜欢用哪款前端开发工具？为什么？

前端开发最爽的地方就在于，一个编辑器，一个浏览器就足矣走天下。编辑器——VSCode前端开发利器，超级好用的编辑器，对于大前端来说更是不可多得。由微软出品，跨平台支持，颜值高，易上手，丰富的插件支持。下面推荐几个前端常用插件。HTML Snippets：及初级又实用的HTML代码智能提示，对经常手误的小伙伴简直不能太友好。

HTML CSS Support：让你在写html 标签时写class 智能提示当前项目所支持的样式，目前最新版本已经支持css文件检索。Debugger for Chrome：直接让你的代码在Chrome中运行代码，vscode中调试。jQuery Code Snippets：jQuery用户的福音，用起来难道不香吗？Atuo Rename Tag：CSS Peek：很方便的来查看CSS样式。

调试工具：F12功能：浏览器自备，功能强大，推荐使用Chrome浏览器Fiddler：非常好用的一款抓包工具，可以抓几乎所有的应用程序的HTTP请求。可以抓包，修改请求等。唯一的缺点就是需要安装支持。Firebug：火狐浏览器的经典插件，能够调试所有网站语言，最经典实用的莫过于对Javascript语言的调试功能了。

Postman：一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。可以让我们很方便的对REST API等HTTP服务接口进行测试。User Agent Switcher：从名称我们就可以看出来，用来更换浏览器的UserAgent。前端性能优化工具：Yellow Lab Tools：一款Web性能及前端质量测试工具。

与其他工具不同的是，它有一些在其他工具上无法看到的独特功能，例如页面加载时 JavaScript 与 DOM 互动和其他程序代码验证问题。DOM monster：你只需要添加到你的浏览器书签中,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。本文为作者“一个程序员的奋斗史”悟空问答原创文章，未经允许转载、抄袭必究！。