常用的前端开发工具？开发过什么应用或组件？

前端开发都需要哪些工具？~

每个前端开发人员都有自己喜欢的开发工具，用这些工具能让编码更容易并且“令人愉快”。分享一些我认为真的很棒的很棒的Web开发工具！

1.Glitch
https://glitch.com
好的，这不仅仅是一个工具，还是一个非常棒的编码平台以及一个很棒的技术社区。我可以在内置代码编辑器的帮助下托管我的项目。支持多种语言，但最适合NodeJS。
2.Shadows
https://brumm.af/shadows
这个网站提供生成平滑阴影的CSS代码，可以创建平滑的边框阴影。它看起来真的很流畅，令人满意。
3.Coolors
https://coolors.co
这是一款非常好的在线工具，可以为项目生成匹配的颜色方案。如果不喜欢当前的方案，按下空格键，它会重新生成一个配色方案，直到你满意~
4. Blobmaker
https://blobmaker.app
Blobmaker可帮助你随机生成各种尺寸，不同颜色和形状的SVG Blob。你可以用作背景或创建看起来很酷的动画。
5.Getwavs
https://getwaves.io
与Blobmaker相似，Get Waves能够随机生成不同颜色和不同数量的波浪。用作网页的页脚或页眉看起来不错。
6. Undraw.co
https://undraw.co
开放源代码项目的SVG插图集，可用来做登录页面，404页面等，当然普通页面也能用!上面的插图可以不带归属地版权的使用，无需支付任何费用。
7. Marcdown
https://liyasthomas.github.io/marcdown
由Liyas Thomas提供的在线实时的Markdown网页编辑器，它可预览Markdown代码，将其发布到GitHub上。它提供一个非常漂亮的暗黑模式。还可脱机工作，这使得它显得更出色。
8.postwoman
https://postwoman.io
这是Liyas Thomas构建的另一个工具。Postwoman是一个API请求构建工作。开发者可以不使用代理来测试 API。这是一个渐进式Web应用程序，可以保存到桌面来用。它是轻量级的产品，基本上可以是Postman的在线替代品。
9. Screely.com
https://screely.com
它可以帮助你创建超级漂亮的网站截图模型。如果你不是MacBook用户，但需要更好的网站图片作为自述文件，它非常适合我们。
10. CSS网格生成器
https://cssgrid-generator.netlify.com/
这是Sarah Drasner的创建的优秀网站，它使用CSS创建动态网格布局。
以上是10款web前端开发工具分享，希望对你有帮助。

1、hbuilder是国产的一款前端开发工具且是免费的，对于英语不是很好的前端工程师是一个不错的选择；
2、Dreamwave是使用较为广泛的前端开发工具

使用率较高的框架有jQuery、AngularJs, ReactJs, YUI、Prototype、Dojo、Ext.js、Mootools等。尤其是jQuery，超过91%。
轻量级框架有Modernizr、underscore.js、backbone.js、Raphael.js等。（理解这些框架的功能、性能、设计原理）
前端开发工具：WebStorm, Hbuilder, Sublime Text 、Eclipse、Notepad、Firebug、HttpWatch、Yslow。
开发过的插件：城市选择插件，汽车型号选择插件、幻灯片插件。弹出层。（写过开源程序，加载器，js引擎更好） （BY三人行慕课）

常用的web前端开发工具　web前端开发工具有哪些：

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 字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。

9、蓝湖也可以的

---

宿豫区15386866891： 常用的前端开发工具?开发过什么应用或组件? - ？
辕田辣椒： 使用率较高的框架有jQuery、AngularJs, ReactJs, YUI、Prototype、Dojo、Ext.js、Mootools等.尤其是jQuery,超过91%.轻量级框架有Modernizr、underscore.js、backbone.js、Raphael.js等.(理解这些框架的功能、性能、设计原理)前端开发工具:WebStorm, Hbuilder, Sublime Text 、Eclipse、Notepad、Firebug、HttpWatch、Yslow.开发过的插件:城市选择插件,汽车型号选择插件、幻灯片插件.弹出层.(写过开源程序,加载器,js引擎更好) (BY三人行慕课)

宿豫区15386866891： Web前端项目开发 - ？
辕田辣椒： 常用的web前端开发工具 web前端开发工具有哪些: 1、Bootstrap Bootstrap 是快速开发 Web 应用程序的前端工具包.它是一个 CSS 和HTML 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式,表单,...

宿豫区15386866891： 前端用哪些常见的开发工具 - ？
辕田辣椒： 编辑器: sublime, webstorm, atom, vim等 调试工具: 浏览器自带的devtools,移动端页面远程调试等 构建工具: gulp, grunt, webpack 包管理工具: bower 远程服务器工具: filezilla/shell 工具主要作用就是帮工程师减少工作量,自动化处理,如压缩css, 合并js/css, 上传cdn, 图片优化, 管理jquery等三方库

宿豫区15386866891： 你觉得在前端开发中值得推荐的常用工具有哪些 - ？
辕田辣椒： 编辑器:Sublime Text; 浏览器开发工具:chorme 开发人员工具 F12 各种手册:W3School 在线视频教程: 慕课网 开发css方式 :SASS(CSS预处理器) 自动化工具:webpack + gulp 构建前端工作流以上都是比较常用的,最后一条不是必须的,但是用起来非常方便的

宿豫区15386866891： 写前端代码有哪些好用的工具 - ？
辕田辣椒： web前端开发需要掌握的技术:1、 学习html,这个是最简单的,也是最基础的.要熟练掌握div、form table、ul li、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用...

宿豫区15386866891： 现在比较好用的前端开发工具有哪些啊? - ？
辕田辣椒： 作为一个前端开发工程师,使用一款自己上手且功能强大的开发工具是非常重要的,但是面对这么多开发工具,到底哪个比较好呢?下面我个人推荐几款自己感觉还不错的前端开发工具,希望作为大家的参考. 1、hbuilder 作为一个编程的菜鸟...

宿豫区15386866891： 作为一个初学者,学前端开发用到什么工具 - ？
辕田辣椒： dreamweaver,photoshop,Visul studio,Sublime 调试工具 主要是主流浏览器,Chrome、Firefox、IE11、Safari,这些浏览器基本都具备了开发者模式,学会使用后基本轻松应付各种前端调试问题.

宿豫区15386866891： web前端开发常用代码编写工具,你用的是哪一款 - ？
辕田辣椒： 我用的是webStorm虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document),但是做为 IntelliJ IDEA 的js缩水版,其它功能也是比较期待的.个人感觉优点还蛮多的,比如:1. 文件不用保存,敲完直接看演示2. 自带有svn,如果不用服务器版的svn的话,本地自身带一个版本管理的.非常方便.3. 编辑右侧有各浏览器浏览快捷方式,更是快中快.

宿豫区15386866891： web前端使用什么开发工具最好 - ？
辕田辣椒： 1、编码工具: 记事本之类的编辑器都可以胜任,但我们还是从开发效率和编码体验上面谈谈. Visual Stuio 如果你用windows,重量级的Visual Stuio 2013虽然很庞大,对硬件要求比较高,但是 用起来绝对方便,比如智能提示、代码格式化...

宿豫区15386866891： 目前最常用的Java开发工具有哪些 - ？
辕田辣椒： 常用的工具有:Eclipse 据数据显示很多Java开发人员的Java开发工具便是Eclipse,这主要得益于Eclipse是一个开源的、可以基于Java的可扩展开发平台.Eclipse本身而言,它只是一个框架和一组服务,但可以通过插件组件构建开发环境....