Hello，这里是FE前端专题，本期分享的软件是前端开发十八套装备。
开始装备介绍前，我想给大家描述一个使用开发软件的核心概念。不知道大家有没有看过《盘龙》这篇小说，盘龙世界中有一些特别强大的神兵-主神器，普通的上位神拿到即可近乎同阶无敌，而主神所使用的那些“主神器”往往都不是武器本身材质有多好就能打造的，而是器物感染了主神所掌握的“天地法则”自然形成的，简单的说就是随便一个装备要是天天被主神拿着玩，玩得时间久了即使是一根路边朽木也会被自然而然的炼成主神器。而我们运用各种开发软件也是这么一个原理，你大脑中的逻辑才是开发的利器，好多牛逼的开发大神是用记事本做开发的，所以我一直觉得要成为优秀的程序员，就要像修仙修道修心一样，要修得本身，要学会：“静极虚笃，和光同尘，上善若水”，不断的“揣其锐，解其纷”，方得始终。这些话都是老子说的，这里引用一下。
但是阴阳两极，前端开发作为非常容易上手、出效果的开发环节，有其钻营逻辑之正亦会有其无需逻辑之“邪”，正路是“大道本质”、是内功需日日修炼，而“邪路子”亦可作为外功也是应该多多宜善的，其实在工作中只要能达成目的就都好功法，就像对于我们来说最简单的逻辑才是最好的逻辑一样，真正的工作运用中我们的开发它应当是一个目标导向的过程，但也不要被“邪路子”中骄躁不深入和看似快速的效率、套框架的过程而放弃了正途，只有不忘正路才可能在未来创造出独立的“功法体系”。下面即是正题内容：
1、Sublime text 3，可自定义键绑定菜单和工具栏，拼写检查、书签功能、完整的 Python API 、 Goto 功能、即时项目切换多选择多窗口等等。还有就是比较友好，跨平台支持Windows、Linux、Mac OS X等多个操作系统，一直以来是很受欢迎的前端开发工具。
（绿色无毒软件分享）https://pan.baidu.com/s/1tK_eUUd6-u56IsmuRvVFYg
2、Adobe DW，Adobe Dreamweaver，不用多说，访问代码提示做的是相当好的，主要功效就是即敲即见、启动还是算比较快的。
（绿色无毒软件分享）https://pan.baidu.com/s/1BNFzCfRKvcDHEjmD2qai6w
3、HBilder，最大的优势是通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率，总体而言非常之强大。
（绿色无毒软件分享）https://pan.baidu.com/s/1Hv423waJj7oZS_jn9pPjRw
4、HBilderX，HBilder的升级版，用过的人都容易上瘾，里面多个自带架构框架非常强大，和mac电脑上安装xcode的用户真机模拟也显得相当方便。
（官网下载地址）http://www.dcloud.io/hbuilderx.html
5、WebStorm，这款JavaScript开发工具，相信只要是前端工程师就一定知道，其功能主要包括：JavaScript,编辑语言,创造便捷的环境等，相信你也烂熟于心了，在这里就不多说了。
（绿色无毒软件分享）https://pan.baidu.com/s/19aRMqu8Hjxru4_eEpVggww
6、vim，windows下的原始级开发工具，可以收藏挑战一下。
（绿色无毒软件分享）https://pan.baidu.com/s/14aZBvfdp-9PDtsCQr0xQjQ
7、FastStone Capture 7.4 轻量级小巧截图录屏取色软件，前端程序员必备装。
（绿色无毒软件分享）https://pan.baidu.com/s/1w0LhQLy0AW6uwl6bDsUYvw
8、EditPlus 3.51中文版，一套功能强大，可取代记事本的文字编辑器，EditPlus编辑器拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。
（绿色无毒软件分享）https://pan.baidu.com/s/17F3KHJUevo3jM9p4lR_O3w
9、HttpWatch pro v7.0.23汉化版，是一款网页数据分析工具，集成在Internet Explorer工具栏，包括网页摘要、Cookies管理、缓存管理、消息头发送/接受、字符查询、POST 数据和目录管理、报告输出等功能。
（绿色无毒软件分享）https://pan.baidu.com/s/1dTMDlqP0-MvV2HNxRPATxw
10、Aptana-Studio，是一个集成式的Web应用程序开发环境，它不仅可以作为独立的程序运行，而且还可以作为Eclipse插件使用。所以，如果您已经安装了Eclipse的话，就可以将Aptana作为插件直接安装到您的Eclipse环境中。
（绿色无毒软件分享）https://pan.baidu.com/s/1cWxpw9HxzzUU1ZxPCy_onA
（转简体英文办法）https://blog.csdn.net/xinxin19881112/article/details/8583129
11、firebug汉化版，我也是才看见firebug官网宣布已停止继续开发、更新维护 Firebug 的通知，邀请大家用Firefox内置工具DevTools，想试试firebug可以试一下，它以前有一个很牛逼的名字叫源码小偷。它让前端程序员可以在网站上即可检测（inspect）、编辑（edit）、调试（debug）的工具，还可以监控任何网页中的 CSS、HTML 和 Java 的状态，这在当时应该是有里程碑意义的创造，可以收藏一个。
（绿色无毒软件分享）https://pan.baidu.com/s/1qjHpjngNcJo26uRWpRT_PA
12、WampServer，Windos Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，WAMP一切都搞定了。
（官网下载地址）http://www.wampserver.com
也可以考虑用phpwamp
（官网下载地址）http://www.phpwamp.com
13、Beyond Compare 比较代码用的工具，它的各种比较功能对于开发时、开发后的我们来说将会十分神奇，不需多言，有过相关烦恼的工程师一定会下载它。
（win、mac双版绿色无毒软件分享）https://pan.baidu.com/s/1L01ymgYaMKZkXdMD6rxUeQ
14、AveIcon，这是一款可以把Icon和PNG互相转换的软件，PS无法直接完成这项功能。它的使用方法很简单，只需把Icon文件或者PNG文件拖入界面的方框中，再从另外一个框中拖出来就行了，还可以设置图标的大小等等，非常小巧的工具。
（绿色无毒软件分享）https://pan.baidu.com/s/1E_ZotQXpXF6EVcPlwXCAew
15、PxCook 像素大厨，它可以告诉你白色背景图要设置宽高为多少好，切图前的图片量尺寸该是多少，很优秀的小软件。
（官网下载地址）http://www.fancynode.com.cn/pxcook
16、Dash，开发者必备API文档聚合，小巧聪明的文档。
（官网下载地址）https://xclient.info/s/dash.html
（绿色无毒mac版）https://pan.baidu.com/s/16GgeQeYIvrawzpSMaX4WzQ
17、Atom，这是一个非常酷的现代的文本编辑器，可删节的核心工具可以定制做任何事，开箱即用，方便快捷。
（官网下载地址）https://atom.io
18、subEthaEdit，这其实是我在做开发时非常常用的软件，其编辑能力小巧流利，为什么放在了十八般武器之末，第一是以上序号不分先后排名，第二也是因为它还没有win版，使用者比较少。
（mac电脑的App Store免费下载）
除此十八套装备之外，像一些基本的设计软件，如PS、AI等我们也必须要安装好，因为前端程序员每日切图也是一个基本操作，主要熟练的就是PS的切片工具。而后，一些基本的和服务器和数据库打交道的软件如 FileZila、Mysql、sql还有打包工具（webpack、Gulp、HBilder也可以）等等平时有时间也可以下载来推敲推敲，这里就不多介绍了。除此之外，前端开发也还有其他新软件等待大家发现和掌握，我就先凑合十八般武器吧，后面有时间再整理，像VScode这些体系比较大的软件我觉得也要单独说明一下该怎么玩。
—Joko闲时整理
FE前端（web-FE）
网友评论