Ⅰ web前端开发需要哪些工具_web前端开发工具有哪些
Web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员，好用的软件工具可以帮助他们更好的工作。今天千锋武汉给大家分享一下Web前端开发用什么软件。
1、SublimeText
SublimeText是一个代码编辑器也是HTML和散文先进的文本编辑器。汪租雹漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，型冲等等。完全可自定义键绑定，菜单和工具栏。SublimeText的主要功能包括：拼写检查，书签，完整的PythonAPI，Goto功能，即时项目切换，多选择，多窗口等等。
2、Dreamweaver
AdobeDreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用)编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，即可快速了困帆解HTML、CSS和其他Web标准。使用视觉辅助功能减少错误并提高网站开发速度。
3、VisualStudioCode
VisualStudioCode中文版是微软推出的带GUI的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对Markdown的支持，新增PHP语法高亮。
4、HBuilder
HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。
5、WebStorm
WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分的功能。
Ⅱ web前端开发常用工具有哪些_web前端开发用什么工具
常用的web前端开发工具web前端开发工具有哪些：
1、Bootstrap
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。
2、Foundation
Foundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的Web应用。提供多种Web上的UI组件，如表单、按钮、Tabs等。
3、Cloud9IDE
Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器，支持为JS，HTML，CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器，可以在IDE中启高陵动、暂停和停止。
4、Notepad
Notepad是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言:C,C,Java,C#,XML,HTML,PHP,Javascript!
5、VisualStudioCode
VisualStudioCode是一个运行于OSX，Windows和Linux之上的，针对于编写现代web和云应用的跨平台编辑器。
6、GIMP
GIMP是GNU图像处理程序(GNUImageProgram)的缩写。包括几乎所有图象处理所需的功能，号称Linux下的PhotoShop。GIMP在Linux系统族念并推出时就风靡了绘图爱好者圈。
7、
是Twitter送给Web开发者的一份大礼，作为一款Web安全开发工具，能够自动实施安全相关的header规则，包括内容安全政策(CSP)，防止XSS、HSTS等攻击，防止火绵羊(Firesheep)攻击以及XFO点击劫持等。
8、Fontello
Fontello是个图标字体生成器。这个工具允许用户把兆迹这些图标web字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。
Ⅲ web开发常见的开发工具介绍
对于程序员来说，好的开发工具能够大大提高编程开发的工作效率，节约更多的时间来从事其他方面的工作。今天轮山，北京北大青鸟就一起来聊聊关于web前端开发过程中的常见开粗桐猜发工具都有哪些。
SublimeText
SublimeText是一个轻量、简洁、高效、跨平台的编辑器，方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱!SublimeText2这款程序员必备代码编辑器，几乎每位程序员提到SublimeText2都是赞不绝口!它体积小巧，无需安装，绿色便携;它可跨平台支持Windows/Mac/Linux;支持32与64位操作系统，它在支持语法高亮、代码补全、代码片段(Snippet)、代码折叠、行号显示、自定义皮肤、配色方案等所有其它代码编辑器所拥有的功能的同时，又保证了其飞快的速度!
picpick
PicPick是一款免费截图软件，它可以抓取全屏幕或是局部的画面，而且操作也很简单，还具备了一般常用到的基本图像编辑、屏幕尺、角度、测距、及屏幕演示白板等功能。在前端学习开发中非常有。
git
Git是一款免费、开源的分布岩型式版本控制系统，用于敏捷高效地处理任何或小或大的项目。管理代码时候用到。
WampServer
WampServer就是WindowsApacheMysqlPHP集成安装环境，即在window下的apache、php和mysql的服务器软件。
nicat
强大的数据库管理和设计工具,支持Win、Mac和linux。直观的GUI让用户简单地管理MySQL、MariaDB、SQLServer、SQLite、Oracle和PostgreSQL的数据库。
Xshell
Xshell是一个强大的安全终端模拟软件，它支持SSH1,SSH2,以及MicrosoftWindows平台的TELNET协议。
8uFtp
8UFTP客户端工具,涵盖其它FTP工具所有的功能。8uftp不占内存,体积小,多线程,支持在线解压缩。
SourceTree
SourceTree是Windows和MacOSX下免费的Git和Hg客户端管理工具，同时也是Mercurial和Subversion版本控制系统工具。
Ⅳ web前端开发中需要用什么工具
web前端开发中需要用到的工具：
最常用的是Dreamweaver，我们推荐使用，很多问题像以前CS6，CS6是目前最强大的，至少在DW更方便的可视化编程，可以看边敲代码的效果，并自动提示代码功能。有一个ediplus，这是这是一个字体颜色的记事本等，我用这个，因为我觉得DW占用太多的内存，使电脑卡，所以我用写ediplus代码，代码有没有自动提示，我不知道，你可以网络是否有插件。Eclipse可以写java，php和上面的各种代码！zendstudio是专写PHP，但上述2个工具是比较专业的，这是由我们的专业开发人员使用，所以你可以看到，PS图象处理软件是没有必要的。
web前端用到的软歼空件：
1、Sublime Text
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用)编辑的功能，搜档借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 访问代码提示，即可快速了解 HTML、CSS 和其他Web标准。使用视觉辅助功能减少错误并提高网站开发速度。
3、Visual Studio Code
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
4、HBuilder
HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已氏漏瞎经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
Ⅳ Web前端开发常用工具的全部推荐
1、AptanaStudio
AptanaStudio是一个集成式的Web应用程序开发环境，它不仅锋腊可以作为独立的程序运行宽基笑，而且还可以作为Eclipse插件使用。所以，如果您已经安装了Eclipse的话，就可以将Aptana作为插件直接安装到您的Eclipse环境中。早起作为一个插件可以集成与Eclipse中来开发前端，现在已经独立出来，也是我最早接触js所使用的一款开发工具，如果熟悉了Eclipse快捷键的小伙伴可以快速上手。
2、Vim
Vim作为一个类似于Vi的文本编辑器，功能强大的同时还可以做到高度可定制。当然了，虽然Vim类似Vi，但是它在Vi的基础上改进和增加了很多特性，VIM是纯粹的自由软件。即使Vim的学习成本高，但只要我们掌握很多的快捷键和一些小技巧，它就能大大提高Web前端开发的工作效率。
3、PrettierPlayground
Prettier是一种代码格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow和TypeScript等。它会用符合标准并遵循最佳实践的样式替换掉你原来的样式。这个方便的工具在我们的IDE中非常流行，但是它也有自己的在线版本，你可以在里面优化你的代码。
4、EnjoyCSS
EnjoyCSS是一款非常简单的工具，尤其对于不擅长使用CSS的前端开发者来讲。它为用户提供了简单的UI，让用户可以设计元素，并提供对应的CSS输出。
5、Postman
在前端开发的过程中，Postman可以说是必备的开发工具之一。它能在后端检查端点，而且非常好用。它的出色表现让我把它放到了这慎含里。它包含的端点包括GET、POST、DELETE、OPTIONS和PUT之类。可以称之为绝对不能错过的一款工具。
6、Bit.dev
软件开发的一项基本原则是代码可重用性。这可以减少你的开发工作，因为你无需从头开始构建每个组件。这正是Bit.dev所做的。它使你可以共享可重用的代码组件和代码片段，从而减少开销并加快开发流程。它还允许在团队之间共享组件，这使你的团队可以与其他团队更好地协作。
7、StackBlitz
StackBlitz是所有用户最喜欢的在线IDE工具。主要原因是它将我们最喜欢和最常用的IDE——也就是VisualStudioCode，引入了Web端。StackBlitz允许你一键设置Angular、React、Ionic、TypeScript、RxJS、Svelte和其他JavaScript框架。一键设置这个功能意味着开发者可以在极短的时间内开始编码。有了StackBlitz，你只需不到几分钟的时间就可以试用新的NPM软件包，而无需从头开始在本地创建项目。
以上就是关于Web前端开发常用工具的全部推荐，大家要是想提供自己的工作效率，现在就赶紧用起来吧！
Ⅵ 各位web开发员平时都用到什么辅助工具
开发一个优秀的网站并非易事，一个面面俱到并且美观的网站，即使对于经验丰富的Web开发者而言也是项艰巨的任务。在那之前您必须认识到当前的趋势及标准，并确定如何将这些都纳入您的设计之中。
幸运的是，现在有很多免费的工具可供使用，以帮助您提高效率，使得工作更有效率。以下这20个实用WEB辅助开发设计工具对于开发者而言无疑都会从中受益。
Typetester
Typetester是在线比较不同的文字和文字属性在给定的文本里显示效果的应用。其主要作用是使网页设计师的生活更轻松，快速方便的比较不同的字体视觉。
pForm
使用这款免费易用的工具在几秒钟内创建php表单。如果你需要更多的功能，你可以注意他的父项目MachForm或者更棒的替代品wufoo和formspring（这两个版本提供有限的免费和付费高级版）。
ColourLovers
为色彩爱好者而建立的国际型站点。你能搜索网站的调色板，使用在项目上或者创建新的可被评价的调色板。对灵感或者设计理念的批判很有好。
Firebug
Firebug 与Firefox集成，将大量丰富的网页开发工具引到你指边。浏览的时候，你就可以实时在任何的网页上进行编辑，调试，和检测css，html和JavaScript。这可能是一个最为广泛使用的Web开发工具了。如果你没有他，立刻去下一个去。
HTML Entity Character Lookup
假如你需要知道如何在你的网页上显示商标符号，那么这款工具恰恰可以帮助你。HTML实体查询搜索HTML实体匹配的搜索特性建立在字符看起来怎样 的基础上的，例如，字母“ C ”将匹配&;和¢实体，因为他们看起来差不多。这确实是你需要尝试了解他是怎样有用的工具。（MAC用户也可以作为仪表板部件使用）。
960 Grid System
960网格系统是为了简化Web开发流程，提供常用尺寸，基于宽度960px。这里两个变种，12和16列，可单独使用也可以协作使用。全面赏析此框架
Em Calculator
Em Calculator是一个小JavaScript工具，它可以让您输入一个像素大小并显示相应的EM值。这个工具非常易于使用和便捷的快速参考。
Browser Shots
您可以在约100名不同的浏览器的4个不同的平台中查看您网站，以确定最终的跨浏览器的支持。鉴于目前存在的许多不同类型的配置，重要的是要确保您的网站看起来更好，更可能的支持更多的平台。
Icon Finder
Iconfinder为Web设计者和开发者运用简单有效的方式提供高质量的图标。你只需要在搜索框中键入一个关键字，Iconfinder将会给你带来美丽的图标，你可以自由的使用。
WhatTheFont
假如你想之你最喜欢的blog使用的什么字体，这个工具能帮到你。仅需要上传一张字体的图片，此工具就可以尽可能的匹配正确的字体。如果你宁可相信一个真正的人，WhatTheFont论坛的资源是一个很好选择。
MeasureIt
很棒的Firefox插件，绘出一把尺子获得任何内容网页上像素的宽度和高度。
ColorZilla
你可以使用ColorZilla获取浏览器上任何一点的颜色。快速校对颜色粘帖到另一个程序中，你可以放大你正在查看的网页大小，测量网页上任意两点间的距离。
Pingdom
Pingdom加载完整的HTML网页，包括所有的对象（图像，CSS，JavaScripts，rss，Flash和帧/框架） 。它模仿是在页面在Web浏览器中加载的方式，然后使用很不错的视觉时间条显示每个元素的家寨时间。这可能对尝试调高网闸你的效率十分的有用。
Test Everything
大体的测试网站所有东西。100个不同的校验器和测试，所有都舒适的在一个应用程序中。节省网站开发测试阶段的大量的时间。
CSS Sprite Generator
Sprites可以通过减少HTTP请求数提高网站速度，因此变得越来越受欢迎。使用他们，需要更大的远见和规划，从而增加了使用他们的难度。这个 令人惊奇的工具允许上传图片压缩包，然后将它们合并为一个sprite，一旦sprite被创建，它会创建一份你需要使用sprite的CSS，免费完整 下载使用。
Web Developer Toolbar
一个非常有的Firefox插件，提供了很多web开发人员日常基础工具，快速验证XHTML或检查HTTP头信息。
Domainr
有很多工具可以告诉你某个域名是不是注册了。Domainr除了帮助查询你需要的，而且还尝试建立更值得使用的名字。Domainr帮助您探测整个 域名空间，超出了无处不在的和拥挤的.com, .net 与.org的限制。借助jish.nu，burri.to和del.icio.us的灵感，当你想不到独特的域名的时候这个工具就可以派上了用场了。
Font Burner
Font Burner是免费在线工具，可以搜多超过1000种字体。一旦你找到喜欢的字体，该工具会提供一小段代码，让你在自己的网站上免费使用字体。不论用户是否安装此字体,字体都将在每部电脑上显示。如果你想知道自己到底喜欢哪款字体，请参考：史上最漂亮的100种字体
Smush.It
Smush.It是一个简洁的非失真图像优化应用工具，帮助你压缩图片。