A. 前端用什么编辑器
高效的Web前端开发工具：
1、Prettier Playground
Prettier是一个代码格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow、TypeScript等。它可以移除你的原始格式，并且将其替换为遵循最佳运行方式的、标准的一致样式。如此便捷的工具在我们的编辑器中十分流行，与此同时它还有一个线上版本，可以在线完成对代码格式的修正。
2、EnjoyCSS
运用CSS，非常简单的工具就是遇到困难时的救星。EnjoyCSS可以让你通过简单的UI设计你的元素，并且提供相关的CSS输出。
3、StackBlitz
根据Chime Nnamdi显示，StackBlitz是每名使用者都很喜欢的一款在线编辑工具。最重要的一点就是，它将IDE引入了web——Visual Studio Code中。只要在StackBlitz中点击一下，你就可以设置Angular、React、Ionic、TypeScript、RxJS、Svelte以及其他JavaScript框架。由于它的操作十分便捷，在打开StackBlitz后的五秒之内，你就可以开始编辑代码了。
StackBlitz十分好用，尤其在尝试简化代码片段或在线数据库方面，你可能没有时间从头开始创建新的项目，而只是尝试新的功能。而通过StackBlitz不需要创建新的项目就可以在短短几分钟内试用新的NPM软件包。
4、Postman
Postman就一直在我的开发人员工具集中。它在后端检查GET、POST、DELETE、OPTIONS和PUT在内的一系列端点这方面，起到了非常显着的作用。
5、CanIUse
CanlUse非常的简便，可以帮你弄清楚期望实现的功能，是否与你使用的浏览器兼容。很多开发者都会遇到浏览器的兼容问题，在这个浏览器上可以正常使用的，但换一个浏览器就不支持了。
6、Bit.dev
一个软件开发的基本原则就是代码的可重复使用性，它确保你可以减少开发量，而不需要去从头构建组件。这确实是Bit.dev可以做到的，它允许共享可重复使用代码片段和组件，从而减少开销，并且加快你的开发进程。Bit.dev还允许在团队之间共享组件，让你的团队可以与其他团队进行协作。
以上就是今天为大家分享的Web前端开发常用的6款提高工作效率的开发工具。大家要是想提供自己的工作效率，现在就赶紧用起来吧！
B. 写前端用哪个软件好
编写代码的软件有不少：WebStorm、Sublime、HBuilderX、Editplus和Dreamweaver等。
每个软件各有优缺点。
我自己主要用Dreamweaver这个软件，用习惯了；有时用一下 HBuilderX
C. 前端开发常用哪些工具软件
前端开发的编译器在选择上还是很多的。在学校里，老师主要讲三个前端开发软件：
1、WebStorm
帮助编写HTML、CSS、Less、Sass和Stylus代码，并且支持Node.js和主流框架，如React、Angular、Vue.js、Meteor等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。
2、IntelliJ idea
页面很简单，乍一看像是一个记事本，它也确实可以当记事本用。有很多特色插件可以使用，支持多种编程语言的语法高亮显示，具有代码折叠功能。
2、HBuilderX
HBuilderX是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本，具有轻便、适合vue框架的特点。
D. Web前端工程师应该知道的Web前端开发框汇总!
今天小编要跟大家分享的文章是关于Web前端开发框汇总。一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合，我们可以在设计中使用它们。前端开发框架有很多，其中有一些写得很棒。为了大家的使用便利，下文列举了目前最强大应用最广泛的几款前端开发框架。记住，这些框架并不仅仅是CSS
栅格之类的一些东西，它们包括的是整套的前端开发框架。下面就让我们一起来看一看吧!
一、Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的Web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。
Bootstrap是用动态语言LESS写的，主要包括四部分的内容：
脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。
基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。
组件——收集了大量可以重用的组件，如下拉菜单(dropdowns)，按钮组(buttongroups)，导航面板(navigation
control)——包括：tabs,pills,lists标签，面包屑导航(breadcrumbs)以及页码(pagination)，缩略图(thumbnails)，进度条(progress
bars)，媒体对象(mediaobjects)等等。
JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口(modals)，提示效果(tool
tips)，“泡芙”效果(popovers)，滚动监控(scrollspy)，旋转木马(carousel)，输入提示(typeahead)，等等。
Bootstrap已经足够强大，能够实现各种形式的Web
界面。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。
jQueryUIBootstrap——对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把
Bootstrap的清爽界面组件引入到jQueryUI中。
jQueryMobileBootstrapTheme——和上面提到的jQueryUI主题类似，这是一个为jQuery
Mobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。
FuelUX——它为Bootstrap添加了一些轻量的JavaScript控件。FuelUI安装，修改，更新以及优化都很简单方便。
#——
Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。
BootSwatchr——
利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。
Bootswatch——提供大量免费的Bootstrap主题。
Bootsnipp——在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于BootstrapHTML/CSS/JavaScript
架构的免费元素。
LayoutIt——
通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。
二、Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebookiframe
apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似。
三、BootMetro
BootMetro框架的灵感来自于MetroUICSS，基于Bootstrap框架构建，用于创建Windows8
的Metro风格的网站。它包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。
四、Kickstrap
Kickstrap是Bootstrap的一个变体。它基于Bootstrap，并在它的基础上添加了许多app，主题以及附加功能。这使得这个框架可以单独地用于构建网站，而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上，然后用就可以了。
App是一些页面加载完成之后加载运行的JavaScript和CSS打包文件。默认加载的app有Knockout.js,Retina.js,
FirebugLite,andUpdater，你也可以自行添加更多的app。
选择不同的主题可以让你的网站在众多Bootstrap构建的类似网站中显得与众不同。
附加功能是一些用来扩展BootstrapUI库的附件，它们的语法基本相同或者相似。
五、Foundation
Foundation
是一款强大的，功能丰富的并且支持响应式布局的前端开发框架，你可以通过Foundation快速创建原型，利用它所包含的大量布局框架，元素以及最优范例快速创建在各种设备上可以正常运行的网站以及app。Foundation在构建的时候秉承移动优先的策略，它拥有大量实用的语义化功能，并且使用Zepto类库来取代jQuery，这样可以带来更好的用户体验，并且提高运行的速度。
Foundation拥有一套12列的灵活可嵌套的网格系统，你可以用它快速创建适应多种浏览设备的布局。它有很多的功能。它定义了很多的样式，比如字体排版，按钮，表单，以及多种多样的导航控件。它也提供了很多的CSS组件，例如操作面板(panels)，价格表(price
tables)，进度条(progressbars)，表格(tables)以及可以适应不同设备的可伸缩视频(flex
video)。与此同时，Foundation还包括了很多的JavaScript插件，如下拉菜单(dropdowns)，joyride(网站功能引导插件)，magellan(网站固定导航插件)，orbit(支持触摸的响应式图片轮播插件)，reveal(弹出框插件)，sections(强大的tab插件)以及tooltips(工具提示)等。
Foundation框架还提供了很多有用的扩展。
模板(Stencils)——Foundation框架中的所有UI元素都有Omnigraffle
stencils以及矢量PDF两种格式的下载，你可以用它们来方便快捷的绘制线框图和原型图。
HTML模板——HTML模板可以方便地用来快速创建页面布局。你所要做的仅仅是复制得到模板代码，然后丢到页面的标签之间就好了。
图标字体(IconFonts)——包含自定义图标的一种网页字体。
SVG社交网络图标(SocialIcons)——一组不依赖分辨率的社交网络图标(可缩放矢量图标)。
响应式表格——Foundation框架中响应式表格的实现机制是固定表格的左边第一列，然后表格的其他列可以通过滚动条拖拉进行访问。
关闭帆布布局(Off-CanvasLayouts)——
这些布局可以允许一些网页内容或者导航控件在移动端设备上默认隐藏，当浏览屏幕变大或者用户进行相应操作的时候这些内容再出现。当用户进行相关操作的时候，网页内容或者导航控件将会滑动出现。
如你所见，对于Web开发者以及设计师来说，Foundation就像是一个巨大的宝藏。在下载框架的时候，你可以自定义下载框架的内容。
六、GroundworkCSS
GroundworkCSS
是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一个高级响应式的HTML5，CSS以及JavaScript工具包，可以用于快速创建原型并且建立在各种浏览设备上可以正常工作的网站和app。
GroundworkCSS拥有一个灵活，可嵌套的流式网格系统，方便你创建任何布局。这个框架有很多让人印象深刻的功能，比如在平板以及移动端上的网格系统，当屏幕的宽度小于768或者480像素时，页面中原本并列排版的表格列(grid
column)会自动变为独立的行，而不是折叠在一起。另一个很酷的功能是jQuery的响应式文本(ResponsiveText)插件，这个插件可以动态调整页面文字的大小以适应浏览设备的屏幕大小。这个插件对于可伸缩的标题以及创建响应式表格的时候特别有用。
GroundworkCSS包含了大量的UI组件，如tabs、响应式数据表格导航、按钮、表单、响应式导航控件、tiles(一套替代radio按钮以及其他默认表单元素的优雅组件)、工具提示、对话框、Cycle2(一款强大的，响应式的内容滑块)以及其他很多的有用组件。它还提供了很多矢量社交网络图标以及图标字体。
你可以通过切换页面上方的导航按钮选择不同的浏览设备要来查看这款框架的效果。通过这种方式，你可以测试在不同的浏览设备上各种组件的响应式布局情况。
GroundworkCSS的文档写的非常好，并且包含着很多的示例，为了让你更快的上手，他还提供了多种响应式的模板。对于这款框架，唯一我可以想到的缺点就是不能自定义要下载的框架内容。
七、Gumby
Gumby是一款基于Sass和Compass的简单灵活并且稳定的前端开发框架。
它的流式-固定布局(fluid-fixed
layout)可以根据桌面端以及移动设备的分辨率自动优化要呈现的网页内容。它支持多种网格布局，包括多列混杂的嵌套模式。Gumby提供两套PSD的模板，方便你在12列和16列的网格系统上进行设计。
Gumby提供了一个功能丰富的UI工具包，包括按钮，表单，移动端导航，tabs，跳转链接(skiplinks)，拨动开关(togglesand
switches，可以方便快捷地切换元素的class，而不需要进行额外的js操作)，抽屉功能(drawers)，响应式图片以及retina图片等等。为了紧跟最近的设计潮流，Gumby的UI元素中还包括了Metro风格的扁平化设计，你也可以用Pretty风格的渐变设计，或者按照你的想法糅合两种设计风格。该框架还提供了一套出众的响应式，拥有独立分辨率的Entypo图标，你可以在自己的Web项目中尽情使用。
Gumby有一个很好自定义下载选择器，你可以自行配置各个组件的颜色，并且按自己的需求方便地下载。
八、HTMLKickStart
HTMLKickstart
是一款可以用来方便创建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干净，符合标准以及跨浏览器兼容的代码。
这款框架提供了多种样式表，包括网格，排版，表单，按钮，表格，列表以及一些跨浏览器兼容的Web组件比如JavaScript的幻灯片功能，tabs，面包屑导航，包含子菜单的菜单以及工具提示等等。
你可以使用99LimeUIKIT提供的UI组件来搭建你的产品线框图。
九、IVORY
IVORY
是一款轻量，简单但是强大的前端框架，可以用于320到1200像素宽度的响应式布局。它基于12列的响应式网格布局，包含表格，按钮，表格，分页，拨动开关，工具提示，手风琴，选项卡等网站中常用的组件和样式。
当你需要一款轻量灵活，不需要额外的其他功能，并且适应不同浏览设备的框架时，IVORY是你最好的选择。
十、Kube
最后，如果你的新项目需要一款实在的，不需要复杂的额外功能组件的，足够简单的框架，那么Kube
将会是你正确的选择。Kube是一款最小化的，支持响应式的前端框架，它没有强加的样式设计，因此给了你充分的自由来开发自己的样式表。它提供了一些Web元素的基本样式，比如网格，表单，排版，表格，按钮，导航，链接以及图片等等。
Kube框架包括一个简洁的CSS文件用于方便地创建响应式布局，还包括了两个JS文件来完成tab以及页面的按钮操作。如果你希望得到Kube最大化的灵活性以及个性化定制，那么你可以下载开发者版本(developer
version)，这个版本包括了LESS文件(包括各种变量，mixins以及模块)。
如何选择一款优秀的前端开发框架?
将根据以下标准对这些框架进行评估：
·学习曲线
·针对简单任务的开发效率
·针对复杂、特殊任务的开发效率
·依赖管理
·代码性能/安全优化调整的能力
·平台升级/冗余能力
·在企业市场中的认同度
·开发、使用SOAP和REST服务的复杂性
以上就是小编今天为大家分享的关于Web前端工程师应该知道的Web前端开发框汇总的文章希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web前端培训官网。最后祝愿小伙伴们工作顺利哦!
作者：独家记忆0408
E. 前端专业平时都是用的什么软件
前端一般用的是Dreamweaver，ps，Fireworks这几个软件，还有的公司用其他软件，这个根据使用环境来说，还有不少软件。
F. web前端开发用什么软件
对于前端，官方的定义是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。用自己的话来说，前端是网页给访问网站的人看的内容和页面，那前端开发顾名思义就是这些内容和页面中代码的实现。
现在的前端开发使得现代网页更加美观，交互效果显着，功能更加强大。所以现在的前端开发，运用到的知识面更加广泛，难度也更大。前端开发目前市场需求还是很大的，而且相对来讲比较容易，很适合学习。需要学习的内容也不少，我有全套web前端视频课资料可以发给你自学。
学习内容包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
G. 前端开发都需要哪些工具
每个前端开发人员都有自己喜欢的开发工具，用这些工具能让编码更容易并且“令人愉快”。分享一些我认为真的很棒的很棒的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前端开发工具分享，希望对你有帮助。
H. 现在比较好用的前端开发工具有哪些啊
1. node.js + npm， 这个是前端工具的一个平台，没有他们就没有以下的工具，建立开发环境，下载开发工具，运行开发工具的利器
2. bower, 库依赖管理器，类似于npm，但针对浏览器JavaScript的依赖管理，减少寻找库，下载库和升级库的烦恼
3.grunt，流程自动化管理工具，将你非编程的开发步骤减到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5无尽地狱，发布和开发各种无压力。以下大部分开发工具，都有grunt的相对应的插件，也就是说他们都能利用grunt进行自动化运行
5. 本人用less比较多，因为基本无缝兼容历史遗留系统中的css，（而Sass语法比较特殊，还没有专门用过，应该开发新系统的css比较好），一套css预编译语言，可以把less语法转成css语法，lessc是less语言编译器，配合grunt less，编写大型css文档毫无压力。
6.Phantomjs，没有界面的浏览器，用js脚本控制其操作网页。测试，抓图，网页流程自动化利器。配合casperjs的语法简化功能真强库后，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓图功能和ImageMagick图片比较功能，在利用live-reload即时刷新功能，可以让你开发css的时候，快速对n多个页面进行观察，看其前后变化。不过缺点也比较明显，就是速度慢。但比起手动对比来看，还是非常快的。值得css开发时拥有
8. phantomCSS，这个和grunt photobox类似，都用于css开发的，差别是photobox是全局观察差别，而这个是单元组件观察差别，它方便你就抓页面中某一块元素然后进行前后比较，更加注重细节上的差异，这个比较合适组件开发时候使用。
9. jshint，帮助你快速定位JavaScript的语法错误和潜在的跨浏览器兼容性问题。在部署你JS前，用jshint检查一下是没错的 。
10.UglifyJS，压缩JavaScript代码，使你的JS代码可以更加快速的加载。有grunt的插件
11. browserify允许你在浏览器里面使用CMD标准模块，但本人认为它的另外一个优势是合并代码，开发时候可以把代码模块化，分成很多很多小文件，然后有调理的放到相对应文件夹下，然后最后合成单一文件。本人曾经利用browserify开发greasemonkey代码，大大简化了greasemonkey的开发难度和增强了greasemonkey代码的质量。browserify有grunt插件，这样又减少的开发步骤。
12. Karma， google开发的一个单元测试运行器，这个自己本身不是一个单元测试框架，而是配合测试单元框架的一个工具。由于前端浏览器众多，就算你有live-reload这样自动化工具，但是还是要手动打开各种浏览器，手动把你的单元测试在各个浏览器都运行一遍。这个工具目的是目的就是让电脑能自动化打开各种浏览器，然后把单元测试在各个浏览器中自动运行一遍，让这个步骤也能自动化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin实际上背后使用的是clean-css工具，这个工具就是用来压缩精简css的，让css文件大小更小。
I. 前端怎么学
与其他计算机主流技术所不同的是，Web前端所包含的知识模块很多，就目前而言，HTML、CSS、JS、DOM是目前前端技术最为基础也是最为主要的四大模块，但会随着实际需求而有所改变。
一名优秀的Web前端工程师，需要JavaScript语言基础扎实，具有良好的规范开发习惯；熟悉常用的设计模式，熟练使用Vue、Angular技术栈开发；能够熟练使用angular、vue、echarts、jquery、react等框架进行传统开发；要熟悉MVVM、MVC开发模式；熟悉前端工程化、自动化技术，可以根据需求配置Gulp文件及更改Webpack配置文件；熟练使用git版本管理工具。
此外，还要熟悉HTML5、CSS3的新特性，了解不同浏览器之间的差异，制作出的页面能够有很好的兼容性。
Web发展得很快，几乎每天都在变化！如果没有快速学习的能力，就跟不上 Web发展的步伐。作为前端工程师仅仅依靠今天的知识是无法适应未来的，必须不断提升自己，不断学习新技术、新模式。因此，不仅作为新人小白要努力学习，提高自己；就连已经入职三五的前端开发工程师，也需要不断学习，了解前端技术的变化，提高自己的技术技能。
J. 前端开发用什么软件好
分享一下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前端开发用什么软件”，通过网上搜索你可以发现很多，而能否很好的借助这些软件完成项目，关键还要看你的技术。