前端开发，目前主要涉及到：
html
css
javascript
等内容
目前有很多工具，
去找找哪个好用。
听说webstorm不错
好用的 前端开发工具
“web前端开发乃及其它的相关开发，推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于，有个技术叫emmet, Emmet Documentation，而这两个对他的支持是：
sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。
webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款phpstorm，idea包括所有webstorm的功能。只是phpstorm是针对phper的，idea是针对javaer，webstorm针对前端er。
今天发现了一个名为 Koala 的软件！！
可以实时编译Less、Sass、Compass、CoffeeScript！！”
“27.[Hbuilder](http://www.dcloud.io/)，数字天堂开发的，当前最快的HTML开发工具，个人觉得相当酷
28.[webstrom](http://www.jetbrains.com/webstorm/),性价比最好的前端开发IDE”
“
Sublime Text：漂亮的用户界面和强大的功能，越来越多工程师用它。
Brackets：Adobe操刀打造的免费编辑器Brackets，简约、快捷！
WebStorm 11：老牌强大的编辑器，拥有即时编辑等诸多优点。
HBuilder：飞速编码的极客工具，大幅提升HTML、js、css的开发效率。”
“推荐前端工程师使用的工具
bower：前端包依赖和管理工具
gulp.js：用自动化构建工具增强你的工作流程!
http-server：一个轻量级的小型http服务
sass：CSS预处理器，让css写起来更方便
前端工程师的IDE
sublime text 3
webStorm
sublime推荐插件
package control:安装扩展和管理扩展包
Emmet:快速写dom的扩展
SideBarEnhancements:右键菜单扩展
BracketHighlighter:括号嵌套扩展
Emmet liveStyle:配合chorme的liveStyle插件使用可以反向会写css文件
Pretty JSON:json序列化
Angluarjs:angluarjs智能提示
jquery:jquery智能提示
http requester: cmd+alt:R
html5
git
sass
less
SublimeLinter:语法查错扩展
SublimeLinter-jshint:语法查错扩展
JSFormat
Theme – Brogrammer:一个好看的sublime主题
all Autocomplete:全部打开文件的智能提示
css3
”
前端工程師必備的 5 個最佳開發工具 | TechOrange
最好用的前端开发工具之构建篇：Gulp_HTML5|CSS3_UDN技术社区
“
Grunt VS Gulp
无论grunt还是gulp亦或是webpack，npm scripts，它们都只是一个工具，让我们更专注在代码上，而不应该是迷失在众多工具中。尽管如此，在个人使用中，grunt与gulp还是有差别，主要从两方面简要说明：
配置和使用
gulp基于CommonJs规范，gulpfile.js配置更简单、代码更适于维护。
gulp的五个API清晰简单，使用更简单。
grunt插件更丰富、功能更全面。
底层文件操作
grunt以临时文件的形式，从源文件，生成多个临时文件，根据不同任务进行多次读写，最后生成目标文件，I/O操作较频繁。
gulp以流的形式，从源文件一次读操作，通过管道方式使用内存中的文件流在不同任务间传递，最后写入目标文件I/O操作较少，
“
Brackets – 强大免费的开源跨平台Web前端开发工具IDE (HTML/CSS/Javascript代码编辑器) | 异次元软件下载
前端开发工程师优秀开发工具推荐 – WEB前端开发 – 专注前端开发，关注用户体验
调试HTML，CSS，JS：
Chrome开发者工具
Chrome DevTools Overview – Google Chrome
Find common memory issues | Web Tools – Google Developers
Weinre 远程调试工具 – Mozilla 产品与私有技术 | MDN
使用Weinre调试webapp – FullStackDeveloper – SegmentFault
［总结］
1.不错的IDE或编辑器：
VSCode
WebStorm
HBuilder
Sublime Text＝＝ST
Brackets
2.最好的调试工具：
Chrome DevTools
3.自动化构建：
推荐最新的：Webpack
之前是：Gulp
再早是：grunt
【前端开发工具：HBuilder vs webstorm】
搜：
HBuilder vs webstorm
参考：
“hbuilder用过一小段时间，除了是免费，感觉没什么值得说的优点”
“快得像个编辑器，胖得像个 IDE
应该说各有千秋，HBuilder也有很多对开发者很重要的功能在webstorm里没有的。”
【小白请教】sublime 和 hbuilder 全方位对比，我如何选择？ – DCloud问答
［总结］
个人总体感觉：
HBuilder：应该值得去试一试
WebStorm：目前更胜一筹。
【web前端开发工具：WebStorm】
webstorm是收费的。
webstorm
WebStorm: The Smartest JavaScript IDE
AngularJS最理想开发工具WebStorm | 粉丝日志
WebStorm: The Smartest JavaScript IDE
WebStorm ：功能强大的持续集成服务器 , JetBrains 中文官网
WebStorm: JetBrains Toolbox subscription
－》
第一年要129美元
第二年103美元
之后每年77美元
【web前端开发工具：HBuilder】
HBuilder
DCloud – HBuilder、5+、mui、流应用、HTML5专家
DCloud – HBuilder、5+、mui、流应用、HTML5专家
->
转载请注明：在路上 » ［整理］好用的前端开发工具