Ⅰ 前端开发有哪些工具可以提高效率
掘金 Chrome 插件
Vue.js devtools 。Chrome 开发者工具扩展，用于调试 Vue.js 应用。
React Developer Tools，可以在 Chrome 和 Firefox 开发者工具审查 React 组件的浏览器扩展。
AngularJS Batarang ，是适用于 Chrome 的 AngularJS WebInspector 扩展。AngularJS Batarang 是开发者工具扩展，用来调试和分析 AngularJS 应用。
ng-inspector for AngularJS
EnjoyCSS ，能够通过图形化的界面帮助你在线生成 CSS3 代码，可谓前端开发者的一大利器。
LiveReload ，会监控你指定的目录中文件，如果有文件被更改，它就自动触发浏览器刷新页面，这样我们不用每次修改文件后，都要去按下 F5 刷新页面。
jSonView，很方便地帮助你验证和查看 jSON 文档。
User-Agent Switcher for Chrome，有了 User-Agent Switcher for Chrome，只需要一个浏览器插件，你可以随时更换 UA，测试网页的自适应情况，能够帮你很好地提高开发效率。
Page Ruler， 能够帮你快速查看网页中某个具体控件或者整个网页具体尺寸的情况，测量网页元素，再也不用打开占据大片空间的“检查元素”窗口了。
工具只是我们开发过程中的辅助工具，探索好用的工具的同时，提高我们自己的实力才是真的。
Ⅱ Web前端用什么工具调试
Web前端开发中，为编写高效的HTML/CSS/JavaScript，优化Web前端性能，不可避免要分析HTTP请求头和响应头，调试HTML/CSS/JavaScript。这时候，我们就需要用到一些Web前端的开发调试工具。以下的工具，是Web前端工程师最常用的：
1.FireBug
2012年以前，火狐狸几乎是所有前端开发者最喜欢的浏览器，基于FireFox的插件FireBug成了Web前端工程师开发调试网页的首选利器。
2.Chrome Developer Tools
自从2011年FireBug的开发者J.Barton跳槽到Google，负责开发Chrome Developer Tools后，Chrome Developer Tools就有了本质性的变化。于是，Web前端开发工程师最喜欢的浏览器又变成了Chrome，Chrome Developer Tools也就顺理成章成为开发调试网页的不二利器了。
3.Fiddler 2
FireBug和Chrome Developer Tools虽好，只是分别针对FF和Chrome，那么有没有针对所有浏览器或者针对HTTP协议的调试工具呢？那就是Fiddler 2了。
这些工具都提供了种类繁多的功能，要完全掌握并非易事。初学者打开一看，密密麻麻的，往往有无从下手的感觉。其实呢，工具的使用很简单，无它，唯手熟尔。初学者有无从下手的感觉，是因为不了解工具背后的原理而已。
Ⅲ 学习开发web项目用什么前端框架和开发工具好呢
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
Ⅳ 前端有哪些好用的调试工具
Postman
几乎所有前端应用程序都发送和接收JSON响应和请求。应用程序通过请求 API 可以做很多事情，例如身份验证，用户数据传输，甚至是一些简单的事情，例如获取所在位置的当前天气。
CSS Lint
你不仅可以使用CSS Lint工具验证代码，还可以使用它选择要测试的错误和警告。它执行基本的语法检查，并对代码应用一组规则，以查找有问题的模式或低效的迹象。
JSON格式和验证器
在未格式化的JSON中，很难发现语法错误或值不正确的键，因为它很难读取。当缩小的JSON文件中有缺行返回沙空格时，读取和发现错误可能很有挑战性。你需要能够快速扫描该对象并检查格式或内容中的错误。
Sentry
一旦你发布了你的应用程序，它将会运行在一系列的设备上。在任何软件开发生命周期中，测试阶段都是作为一个标准过程实现的。该阶段包括单元测试、系统测试、集成测试等。
JSHint
这是一个在JS代码中检测错误和潜在问题的工具,静态代码分析工具(如JSHint)可以帮助开发人员发现很难发现的问题。JSHint扫描一个用JavaScript编写的程序，并报告常见的错误和潜在的bug。潜在的问题可能是语法错误、隐式类型转换导致的错误、泄漏变量或其他完全的问题。
BrowserStack
BrowserStack是一组工具，可以帮助你模拟用户所经历错误的确切环境。设备+操作系统+浏览器是一个非常大的组合，这时这个工具的使用就显得十分必要了。辅助使用Sentry等错误记录工具，你可以充分发挥该工具的作用。
Ⅳ web前端开发需要学什么软件
JavaScript，以及Javascript的一些常用框架，Jquery，软件的话Eclipse，Dreamweaver这些都可以写，记事本都可以，NotePad也可以写，前端的HTML对软件要求没那么多，JavaScript得熟练，动态页面，数据交互。多写几个小的完整的项目就差不多了，前端上手快
Ⅵ 前端开发软件有哪些
前端开发会用到很多工具，推荐一个前端开发常用的小工具蓝湖，切图很方便，开发需要所有格式的切图一键生成，还可以复制代码直接使用。
Ⅶ 有哪些好用的前端开发软件
前端开发软件太多，有sublime，有Dreamweaver等等，他们的效果很多都是大同小异，不过细节方面还是有些区别，就比如Dreamweaver功能比Sumlime多，但是它对电脑的配置要求高，低配置的电脑，打开这个软件会很慢，而sublime就不用，他对电脑的配置要求低，而且对于新手还是老手来说都可以使用。
Ⅷ 做前端开发，有哪些必备工具，哪些技巧
如下常用的前端工具。
1、Bootstrap
Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS 和HTML 的集合，它使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式，表单，buttons，表格，网格系统等等。
2、Foundation
Foundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等。
3、Cloud9 IDE
Cloud9 IDE 是一个基于 Node.JS 构建的 JavaScript 程序开发 Web IDE。它拥有一个非常快的文本编辑器，支持为 JS，HTML，CSS 和这几种的混合代码进行着色显示。Cloud9 IDE 还为 node.js 和 Google Chrome 集成调试器，可以在IDE 中启动、暂停和停止。
4、Notepad++
Notepad++ 是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
5、Visual Studio Code
Visual Studio Code 是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代 web 和云应用的跨平台编辑器。
6、GIMP
GIMP 是 GNU 图像处理程序(GNU Image Manipulation Program)的缩写。包括几乎所有图象处理所需的功能，号称 Linux 下的 PhotoShop。GIMP 在 Linux系统推出时就风靡了绘图爱好者圈。
7、SecureHeaders
SecureHeaders 是 Twitter 送给 Web 开发者的一份大礼，作为一款 Web 安全开发工具，Secureheaders 能够自动实施安全相关的 header 规则，包括内容安全政策(CSP)，防止 XSS、HSTS 等攻击，防止火绵羊(Firesheep)攻击以及 XFO 点击劫持等。
8、Fontello
Fontello 是个图标字体生成器。这个工具允许用户把这些图标 web 字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。
Ⅸ 做了个页面，但是在浏览器上总是出现乱码，有什么好一点的前端开发调试的工具么
给你一个测试页面效果的地址吧，微软出了，支持新旧IE标准的，你试试去吧http://www.modern.ie/zh-cn