Web前端开发常用工具推荐（内含学前端必备软件资源）
1、Vim
Vim作为一个类似于Vi的文本编辑器，功能强大的同时还可以做到高度可定制。当然了，虽然Vim类似Vi，但是它在Vi的基础上改进和增加了很多特性，VIM是纯粹的自由软件。即使Vim的学习成本高，但只要我们掌握很多的快捷键和一些小技巧，它就能大大提高Web前端开发的工作效率。
2、Aptana Studio
Aptana Studio是一个集成式的Web应用程序开发环境，它不仅可以作为独立的程序运行，而且还可以作为Eclipse插件使用。所以，如果您已经安装了Eclipse的话，就可以将Aptana作为插件直接安装到您的Eclipse环境中。早起作为一个插件可以集成与Eclipse中来开发前端，现在已经独立出来，也是我最早接触js所使用的一款开发工具，如果熟悉了Eclipse快捷键的小伙伴可以快速上手。
3、EnjoyCSS
EnjoyCSS 是一款非常简单的工具，尤其对于不擅长使用CSS的前端开发者来讲。它为用户提供了简单的 UI，让用户可以设计元素，并提供对应的 CSS 输出。
4、Prettier Playground
Prettier是一种代码格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow和 TypeScript 等。它会用符合标准并遵循最佳实践的样式替换掉你原来的样式。这个方便的工具在我们的 IDE 中非常流行，但是它也有自己的在线版本，你可以在里面优化你的代码。
5、Bit.dev
软件开发的一项基本原则是代码可重用性。这可以减少你的开发工作，因为你无需从头开始构建每个组件。这正是 Bit.dev所做的。它使你可以共享可重用的代码组件和代码片段，从而减少开销并加快开发流程。它还允许在团队之间共享组件，这使你的团队可以与其他团队更好地协作。
6、Postman
在前端开发的过程中，Postman可以说是必备的开发工具之一。它能在后端检查端点，而且非常好用。它的出色表现让我把它放到了这里。它包含的端点包括 GET、POST、DELETE、OPTIONS 和 PUT 之类。可以称之为绝对不能错过的一款工具。
7、StackBlitz
StackBlitz是所有用户最喜欢的在线 IDE 工具。主要原因是它将我们最喜欢和最常用的 IDE——也就是 Visual Studio Code，引入了 Web 端。StackBlitz 允许你一键设置 Angular、React、Ionic、TypeScript、RxJS、Svelte 和其他 JavaScript框架。一键设置这个功能意味着开发者可以在极短的时间内开始编码。有了StackBlitz，你只需不到几分钟的时间就可以试用新的NPM 软件包，而无需从头开始在本地创建项目。
前端软件汇总
| 工具篇-学前端所用软件（学前端必备软件全都有） | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| Chrome浏览器 | https://pan.baidu.com/s/1G2HyBdIzHIq_EFmACRANtg | 360f |
| 简易版编辑器Sublime | https://pan.baidu.com/s/1lmqLOtFkKGmkxNaIGEQjSg | lug4 |
| WebStorm编辑器 | https://pan.baidu.com/s/19siWkfpC2ha9wj5t9RGN6g | iopd |
| Visual Studio Code编辑器 | https://pan.baidu.com/s/1J0AuxhzltdYwdPkhHdGsGg | niz6 |
| PS | https://pan.baidu.com/s/19TlbxU7rQRHYmUYiGP3m2A | 3mtu |
| MarkMan | https://pan.baidu.com/s/1mP_t4_RqoHVZZeuvW0g4Eg | xi6z |
| Adobe Fireworks CS6 Ansifa精简版 | https://pan.baidu.com/s/17IvXzXvnjpAYOiyFBFkRDQ | 1865 |
| X-mind | https://pan.baidu.com/s/1c049MlsG7ZA5qbq1DZezzQ | awe2 |
| Typora | https://pan.baidu.com/s/1Nb36Lpg_S3OWnWBZ9pGKBw | uczh |
| Git开源的分布式版本控制系统 | https://pan.baidu.com/s/1EOjCMziILtitm_MVFx781g | nrvf |
| GitLab | https://pan.baidu.com/s/1Ea8TXe68VAsylOo7_UZe2g | f1yw |
| SVN | https://pan.baidu.com/s/1s7S7YvHOi7J1G6LhEcZhYQ | ql19 |
| 集成环境软件WampServer | https://pan.baidu.com/s/1BLS4J6FOnDb2KdaUKONmIw | tboh |
| MySQL | https://pan.baidu.com/s/1yq6WSQVZIXbu07U-Vi0VMg | g2em |
| Navicat | https://pan.baidu.com/s/1JGc-fiURzWjZu0Nr9IZ_BA | ashb |
| phpStudy | https://pan.baidu.com/s/1yCInenpqIOuPDddLc9KK_A | jvf1 |
| Node.js | https://pan.baidu.com/s/17v3plvLsZ2O8j6O9MfNEOg | ojx0 |
| 微信开发者工具 | https://pan.baidu.com/s/1FiyYMwIppYXKFb-sHH4moA | wr9c |
| Postman | https://pan.baidu.com/s/1MfNllXqvkV8FHpsswfJIIg | djes |
| Httpwatch | https://pan.baidu.com/s/1fvQjpNKjUwhdwfimbL4P0Q | 6pjh |
前端学习必备手册书籍
| 工具篇-学前端所用手册及书籍（学前端必备手册全都有） | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| html手册 | https://pan.baidu.com/s/1idtCfccls7G74it4hzBLCg | mdv0 |
| css手册 | https://pan.baidu.com/s/1rlWo-DLNw_u9Nu7tuflw1A | gg6z |
| Javascript手册 | https://pan.baidu.com/s/1SnTDwePBv9TnMqwrZ7o8KA | wxtt |
| DOM手册 | https://pan.baidu.com/s/1BS6krawx3TuBg-XRKRxbKg | rc8a |
| Jquery手册 | https://pan.baidu.com/s/18CvsJRGxJaeTliZLsHYcvw | myyk |
| W3Cschool手册 | https://pan.baidu.com/s/19TS07KPax6WDg73gtWhO7Q | jm9v |
| CSS权威指南 | https://pan.baidu.com/s/15X5WgWnMErMm9LFlG6JiXQ | m6d6 |
| 深入浅出JavaScript | https://pan.baidu.com/s/1JHxbzxdpmKkqwFzLLS2xUQ | v58l |
| JavaScript语言精粹 | https://pan.baidu.com/s/1_6C0nACXBdNN-kgSccs2tw | mbmg |
| JavaScript权威指南(第6版)(中文版) | https://pan.baidu.com/s/1c98GsUvxXUXkSgN88G5Lrg | uv7g |
| JavaScript高级程序设计(第3版) | https://pan.baidu.com/s/1Lt2wejs_1xmPyJ7DNpOnzg | hrab |
| JQuery权威指南 | https://pan.baidu.com/s/1MV0UgAdxiZl7kg29zkbUpg | wi3w |
| JQuery源码详细中文注释 | https://pan.baidu.com/s/1mXXe2pKKOyPUN8HPtn7Fxw | t81t |
| 《锋利的jQuery》(高清扫描版) | https://pan.baidu.com/s/1I_Hz1fWRjf_zZRoFCupZ1g | 77kf |
| 精通正则表达式 | https://pan.baidu.com/s/1qlZjzsy3d9Be-OlZks_RbQ | 64o3 |
| Ajax从入门到精通 | https://pan.baidu.com/s/1Op6ahC_QDbDDgHLqPkEBPg | ef58 |
| html5权威指南 | https://pan.baidu.com/s/1DaiTFbZdX4CG5iE40xvhZw | yo6k |
| HTML5高级程序设计 | https://pan.baidu.com/s/1C95diPzFb4uAZvFku04dOQ | fzor |
| HTML5 WebSocket权威指南 | https://pan.baidu.com/s/134K5_0oR7PTM8WdDL1LM2w | y6s4 |
| Node.js的深入浅出 | https://pan.baidu.com/s/1BenCZfyA-ZL0KG6xD_UrKg | 5nx7 |
| Node.js开发指南 | https://pan.baidu.com/s/1_dXs3LZtjq1QmjCBNxoePQ | pprw |
| AngularJS权威教程 | https://pan.baidu.com/s/17MS_bMEg0WlpVZPu1Ha3eg | nx7u |
| Vue.js权威指南 | https://pan.baidu.com/s/1iIGJ7qEOXRJIkOy2ERds7w | scbz |