前端开发,目前主要涉及到:
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专家
->
转载请注明:在路上 » [整理]好用的前端开发工具