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