最新消息:VPS服务器又从fzhost.net换回Linode了,主题仍用朋友推荐的大前端D8

[整理]好用的前端开发工具

Web_Technology crifan 50浏览 0评论

前端开发,目前主要涉及到:

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!!”

Emmet Documentation

好用的前端开发工具 — 好JSER

“27.[Hbuilder](http://www.dcloud.io/),数字天堂开发的,当前最快的HTML开发工具,个人觉得相当酷

28.[webstrom](http://www.jetbrains.com/webstorm/),性价比最好的前端开发IDE”

前端工具库 – 前端网(W3Cfuns)

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

Coda

Weinre 远程调试工具 – Mozilla 产品与私有技术 | MDN

使用Weinre调试webapp – FullStackDeveloper – SegmentFault

Weinre移动端调试利器 – Div.IO

[总结]

1.不错的IDE或编辑器:

  • VSCode

  • WebStorm

  • HBuilder

  • Sublime Text==ST

  • Brackets

2.最好的调试工具:

  • Chrome DevTools

3.自动化构建:

  • 推荐最新的:Webpack

  • 之前是:Gulp

  • 再早是:grunt

【前端开发工具:HBuilder vs webstorm】

搜:

HBuilder vs webstorm

参考:

为什么公司都不使用HBuilder? – 知乎

“hbuilder用过一小段时间,除了是免费,感觉没什么值得说的优点”

HBuilder 编辑器有什么故事? – 知乎

“快得像个编辑器,胖得像个 IDE

应该说各有千秋,HBuilder也有很多对开发者很重要的功能在webstorm里没有的。”

【小白请教】sublime 和 hbuilder 全方位对比,我如何选择? – DCloud问答

[总结]

个人总体感觉:

HBuilder:应该值得去试一试

WebStorm:目前更胜一筹。

【web前端开发工具:WebStorm】

webstorm是收费的。

webstorm

WebStorm: The Smartest JavaScript IDE

WebStorm 有哪些过人之处? – 知乎

AngularJS最理想开发工具WebStorm | 粉丝日志

WebStorm: The Smartest JavaScript IDE

WebStorm :功能强大的持续集成服务器 , JetBrains 中文官网

WebStorm: JetBrains Toolbox subscription

-》

第一年要129美元

第二年103美元

之后每年77美元

【web前端开发工具:HBuilder】

HBuilder

DCloud – HBuilder、5+、mui、流应用、HTML5专家

专访王安:HBuilder为什么是最好的Web开发工具

DCloud – HBuilder、5+、mui、流应用、HTML5专家

Hello mui:在 App Store 上的内容

->

[记录]Mac中安装和使用前端开发工具:HBuilder

转载请注明:在路上 » [整理]好用的前端开发工具

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
13 queries in 0.215 seconds, using 10.26MB memory