Dreamweaver
学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver，这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。
此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?
但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。因此在页面效果出现问题时，我们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。
webstorm
webstorm是一款jetbrains公司旗下的一款JavaScript开发工具，被广大的中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。
编辑器的选择，推荐webstorm，绝对的神器。不要用dw了，它最骄傲的所见即所得其实没什么用，因为根本就不准，代码提示也不人性话，不方便。Webstorm的方便之处（目前用到的），
1.可以分屏，左右同时编辑两个文件，比如左边编辑html，右边编辑它的css/js。
2.代码提示很人性话，分级结构也很清洗。
3.方便查找，如ctrl+点击类名，就可自动定位到该css样式。
4.支持自定义模版，这样快速开始完成一些经常用到的代码。
5.支持个性化主题，字体等。
6.强大的插件库，自己去选吧。
7 .ctrl+/,注释所选区域。
另外推荐一款非常不错的网页制作开发工具：sublime编辑器
webstorm比dw强大的地方：1. 对js的开发有长足的支持：自动提示，代码主题，调试……，对流行技术的支持，比如Node.js,jq,ext,prototype等框架的支持，可直接安装插件。
dw比webstorm的优点，那就是dw的内存占用大概平常80M左右,而webstorm得300M左右，这是我发现唯一dw的长处。
如果说,dw是美工偶尔拖拖表格，写写css的小工具的话，那么webstorm是前端开发的必备利器，不只是对html,css的抒写比较强悍，而且对js，jq等其它js框架开发更是完美。简单的说：dw就是一个编辑器，而webstorm是一个IDE。
2. 软件本身对插件的支持
Sublime Text
简单灵活轻量级，支持代码自动完成、代码高亮、快速生成，以及更多好用的插件，也可以配置scss。
如果说Notepad++是一款不错Code神器，那么Sublime Text应当称得上是神器滴哥。Sublime Text最大的优点就是跨平台，Mac和Windows均可完美使用；其次是强大的插件支持，几乎无所不能。
Sublime Text有Dev版本，下载地址 。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/4032.html
微信扫一扫 
支付宝扫一扫