制作网页都不用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%的人还看了以下文章

  • 推荐!2个在线js、CSS、网页压缩工具

    网站做好了,不过推荐网页大小不超过45K,打开速度最优,可是自己做的网页+CSS+JS都几百K了,怎么办?快试试在线js、CSS、网页压缩工具吧。

    2019年10月21日
    8.1K0
  • HBuilder-专为前端打造的支持HTML5的Web开发工具

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

    2018年3月23日
    6.2K0
  • Adobe Dreamweaver CS6绿色版(中文版免安装免激活)

    Adobe Dreamweaver CS6是世界顶级软件厂商adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页(通常是标准通用标记语言下的一个应用HTML),对于初级人员,你可以无需编写任何代码就能快速创建web页面。 Adobe Dreamweaver…

    2018年3月23日
    8.3K0
  • 分享一款图片压缩工具:小巧绿色免安装,可批量压缩,清晰保真,站长必备。

    网上图片压缩软件很多,但一般会失真且压缩比不高,今天中国网页设计给大家分享一款小巧绿色免安装图片压缩工具,支持批量压缩,非常好用。 先看下压缩效果: 压缩前图片:大小507KB 压缩后:图片只有34.2KB 该压缩工具下载后,解压即可使用。 这款工具是免安装的,但是需要购买注册(注册码会给大家分享出来)。 激活后,注册购买变灰色,不可点,说明已经注册成功。 …

    2018年5月2日 建站软件
    8.0K0
  • 9个免费好用的ftp软件-上传网页必备

    最近经常有一些小伙伴问有没有好用的ftp下载工具,我们在选用ftp下载工具的时候不仅要考虑到速度快还要考虑到安全性,接下来就为大家推荐几款好用免费的ftp软件工具,有需要的小伙伴可以参考一下: 1、FileZilla: (1)、官网: https://filezilla-project.org/ (2)、简介:FileZilla是一个免费开源的FTP软件,分…

    2020年6月18日
    5.7K0
  • 5个最好用的Python编程开发工具(IDE)分享

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

    2020年2月29日 建站软件
    12.2K0

发表回复

登录后才能评论