制作网页都不用Dreamweaver,而用它了

制作网页都不用Dreamweaver,而用它了

Dreamweaver

学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver,这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。

此时,很多人会陷入一个误区,那就是既然借助这么帅的IDE,通过鼠标点击菜单就可以快速方便地制作网页。那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?

但是随着学习的深入,就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质,知其然但不知其所以然。因此在页面效果出现问题时,我们便手足无措,更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性,使我们忽略了华丽的网页背后最本质的内容——code。

制作网页都不用Dreamweaver,而用它了

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

(1)
江山如画的头像江山如画管理团队
上一篇 2019年10月26日 上午10:27
下一篇 2019年10月28日 上午9:22

99%的人还看了以下文章

  • 网站前端开发常用工具大全-web设计师必备

    今天给大家分享的是网站前端开发常用工具及网址。 掌握了这些工具中的大部分,会让你的WEB前端设计工作事半功倍,您离一个优秀的前端设计师也就不远了~~ 原前端开发网(w3cfuns)开发,让前端开发变得更简单,exe文件只有1.67MB,点击直接运行,不需要安装,很方便。 功能:正则表达式、代码压缩、雪碧图制作、json格式化等,如果你经常在没有网络的办公环境…

    2019年2月21日
    4.5K0
  • 5个最好用的Python编程开发工具(IDE)分享

    《Python开发环境搭建 》一文中我们介绍了在Eclipse中如何搭建Python开发环境,并提供所有需要的软件下载地址 今天 125网页设计站长再给大家分享4个非常好用的Python编程开发工具,希望对大家进行Python编程有所帮助。 一、PyCharm 推荐等级:★★★★★ PyCharm是一款python专用开发工具,具有完整的python软件开发…

    2020年2月29日 建站软件
    10.4K0
  • TinyPNG-png,jpg图像在线压缩工具

    设计过程中用到的图片,在发布之前一般还要经过压缩处理,给大家推荐一个png,jpg图像在线压缩工具。

    2019年1月5日
    10.2K0
  • HBuilder-专为前端打造的支持HTML5的Web开发工具

    HBuilder是DCloud(数字天堂)是专为前端打造的支持HTML5的Web开发工具,具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。 HBuilder强大的代码助手帮你快速完成开发。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。 HBuilde…

    2018年3月23日
    5.6K0
  • 免费的APNG、WebP格式转换工具-iSparta

    今天给大家推荐一款开源免费的APNG、WebP格式转换工具iSparta。 iSparta功能 专门服务于Webp图片格式批量转换工具 iSparta提供PNG压缩与格式转换 PNG等格式向APNG、WebP格式的转换 APNG动图向动态WebP格式的转换 PNG、GIF转换WebP 将PNG、GIF转换为WebP格式,可以设置无损,压缩比等参数。 PNGs…

    2020年3月7日 图像处理
    16.4K1
  • 支持中文的jsp文件上传组件:jspSmartUpload.jar下载

    jsmartcom_zh_CN.jar 资源类别:编程开发软件版本:英文软件大小:13KB推荐等级:★★★★资源语言:英文授权方式:免费版 jsp(SUN企业级应用的首选)SmartUpload是一个可免费使用的全功能的文件上传下载组件,适于嵌入执行上传下载操作的jsp(SUN企业级应用的首选)文件中。该组件有以下几个特点: 1、使用简单。在jsp(SUN企…

    2018年12月11日
    6.6K1

发表回复

登录后才能评论