细数那些年我用过的前端开发工具

5640239-084a7879b41f32d0.jpg
图片发自简书App

一:HBuilder

下载地址:http://www.dcloud.io/

飞速编码的极客工具,大幅提升HTML、js、css的开发效率。

使用HTML5开发,然后使用HBuilder提供的云打包或本地打包将可以把5+ Runtime和开发者编写的HTML5页面打包为原生App的安装包,包括Android的apk和iOS的ipa



5640239-1c4af6b60ae003a3.png

二:Sublime Text

下载地址:https://www.sublimetext.com/

漂亮的用户界面和强大的功能,越来越多工程师用它。

SublimeText是一款非常精巧的文本编辑器,适合编写代码、做笔记、写文章。它用户界面十分整洁,功能非同凡响,性能快得出奇。SublimeText本身已经非常强大,但是更棒的是有一长串的插件支持它,给它带来更强大的功能,这就是本文要讨论的内容。不多废话,让我们看看20个强大的SublimeText插件。如果你已经在使用他们,请告诉我们,并告诉我们你认为其中那款最出色。


5640239-93e522097d7861ab.png

三:Notepad++

下载地址:https://notepad-plus-plus.org/

小巧的文本编辑器,更是编写代码的利器!

非常小巧好用的文本编辑器。用来快速高效的搜索修改代码。如果你想修改一点小代码的时候,却要忍受几秒的编辑软件启动时间,那么就用这个吧。无论是 写代码还是修改代码,个人觉得都比那些功能齐全的编辑软件好很多。



5640239-c27c7de4041a944a.png

四:Adobe Photoshop CC

下载地址:http://www.adobe.com/

前端开发,切图必备!

phooshopcc是由著名的软件厂商Adobe发布一款功能非常强大的图片处理软件。phooshopcc相对旧版本的功能更加强大和高效。




5640239-ae0444e1a18ce38e.png

五:Adobe Dreamweaver CC

下载地址:http://www.adobe.com/

编码必备 DW和PS无敌组合

AdobeDreamweaverCC是adobe旗下的可视化网页设计软件,最近adobecc套装进行了一次年度的更新,Dreamweavercc这款软件自然也得到了更新,新增了更加友善直观的视觉化CSS编辑工具,让Web开发者更快速地生成简洁的CSS代码;创新的jQuery UI Widget、Edge Web Fonts 让文字更加鲜明。



5640239-a600ae8ba67eae38.png

六:Atom

下载地址:https://atom.io/

Github 团队专为程序员打造编辑利器!

Atom是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。对于热爱markdown写作的人来说,Atom同样是一款拥有无穷魅力的写作软件。我不怕它无法满足你的需求,就怕你不给一个机会了解它,那么,这将是一场遗憾的错。



5640239-8c42366a09462157.png

七:Brackets

下载地址:http://brackets.io/

Adobe操刀打造的免费编辑器Brackets,简约、快捷!

Brackets是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境(IDE工具)。该项目由 Adobe 创建和维护,根据MIT许可证发布,brackets是adobe出品,最简洁,js提示最舒服,而且现在已经支持多标签了,插件还算丰富,该有的功能都有,简洁高效。



5640239-768bc51aea3012eb.png

八:Beyond Compare

下载地址:http://www.scootersoftware.com/

文件及目录比对神器,以颜色区分差异。

BeyondCompare中文版是一款专业的文本文件对比工具,可以高效的针对文件、文件夹、表格、mp3、图片、数据、注册表等文件并进行比较、合并、同步分析,Beyond Compare是一套由Scooter Software推出的文件比较工具。主要用途是对比两个文件夹或者文件,并将差异以颜色标示。比较范围包括目录,文档内容等。



5640239-a74a48d54ac6e0bc.png

九:WebStorm

下载地址:http://www.jetbrains.com/webstorm/

老牌强大的编辑器,拥有即时编辑等诸多优点。

WebStorm是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、拥有智能的代码补全、代码格式化、html提示以及代码检查和快速修复等编译功能,是一款深受广大程序员喜爱的JavaScript 开发和Web前端开发工具,完美适应各种复杂客户端开发和Node.js的服务器端开发。



5640239-83698ab4ada47438.png



5640239-acf1ab7ab05ea77d.png
桌面上必备浏览器

未完待续…

原文作者:祈澈姑娘

技术博客:[https://www.jianshu.com/u/05f416aefbe1](https://link.jianshu.com/?t=http%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dhttps%253A%2F%2Fwww.jianshu.com%2Fu%2F05f416aefbe1)

90后前端妹子,爱编程,爱运营,爱折腾。

坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

文末福利:关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源200G干货大全。公众号回复“1”,拉你进程序员技术讨论群。

原文地址:https://www.cnblogs.com/ting6/p/9725965.html