该篇主要收集了一些前端常用的编辑器、框架以及一些常用工具，帮助前端开发者更快成长。
IDE集
VSCode：https://code.visualstudio.com/
SublimeText：https://www.sublimetext.com/
WebStorm：https://www.jetbrains.com/webstorm/
Atom：https://atom.io/
Hbuilderx/Hbuilder：https://www.dcloud.io/hbuilderx.html
微信开发者工具（小程序开发）
QQ开发者工具（小程序开发）
支付宝开发者工具（小程序开发）
hbuilderx（小程序开发、网页开发、移动端开发）
构建集
简单易操作的包管理器，前端开发必备。
Yarn：https://yarnpkg.com/zh-Hans/
和npm差不多也是简单易操作的包管理器，两者选择其中一个。
Webpack：https://webpack.js.org/
强大的包转换器和打包
Gulp：https://www.gulpjs.com.cn/
Babel：https://babeljs.io/
代码转换器
ESLint：https://cn.eslint.org/
可组装的JavaScript和JSX检查工具。
PostCSS：https://www.postcss.com.cn/
用 JavaScript 工具和插件转换 CSS 代码的工具
框架集
Vue.js：https://cn.vuejs.org/
Nuxtjs：https://zh.nuxtjs.org
Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染，简称服务端渲染。
React：https://reactjs.org/
Angular：https://angular.cn/
AngularJS：https://angularjs.org/
Nodejs：https://nodejs.org/zh-cn/
基于JS开发的一个性能超过PHP的的服务器，这是作为一个前端走向全栈工程师必学的东西。
Express：http://www.expressjs.com.cn/
基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
基于 Node.js 平台的下一代 Web 开发框架。
Egg 继承于 Koa。
Koa 是一个非常优秀的框架，然而对于企业级应用来说，它还比较基础。而 Egg 选择了 Koa 作为其基础框架，在它的模型基础上，进一步对它进行了一些增强。
Electron：https://www.electronjs.cn/
Electron（原名为Atom Shell）是GitHub开发的一个开源js框架。它允许使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的开发。
Nwjs和Electronjs都是同一个作者不同地方开发的前者主要由微软维护，而后者由GitHub团队维护，但是目前越来越多的人都在使用Electron。
例如VS Code 这个客户端软件就是用 Electron语言写的，而微信开发者工具就是用Nw配合react配合开发的。
Redux：https://www.redux.org.cn/
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
ReactNative：https://reactnative.cn/
使用JavaScript编写原生移动应用。
WebGL：http://www.hewebgl.com/
主要用于网络游戏开发，是国内较为牛逼的同学开发的。
tensorflow：https://tensorflow.google.cn/
TensorFlow 是一个端到端开源机器学习平台。它拥有一个全面而灵活的生态系统，其中包含各种工具、库和社区资源，可助力研究人员推动先进机器学习技术的发展，并使开发者能够轻松地构建和部署由机器学习提供支持的应用。
多端开发的框架
uniapp：https://uniapp.dcloud.io/
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
Taro 是一套遵循 React 语法规范的 多端开发 解决方案。使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信 / 京东 / 百度 / 支付宝 / 字节跳动 小程序、快应用、H5、React-Native 等）运行的代码。
mpvue：http://mpvue.com/
基于 Vue.js 的小程序开发框架。
kbone: https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/
Kbone 是一个致力于微信小程序和 Web 端同构的解决方案。
一些类库集
jQuery：http://jquery.com/
Zepto.js：https://zeptojs.com/
可以理解成是移动端的 jQuery。
ECharts：https://echarts.baidu.com/
使用 JavaScript 实现的开源可视化库。
tween.js：http://www.createjs.cc/tweenjs/
用来调整和动画HTML5和Javascript属性，提供了简单并且强大的tweening接口。
EaselJS ：http://www.createjs.cc/easeljs/
使HTML5 Canvas标签变得更简单。用于创建游戏，生成艺术作品，和处理其他高级图形化等有着很友好的体验。
SoundJS：http://www.createjs.cc/soundjs/
提供了简单而强大的API来处理音频。通过插件来执行实际的音频实现，简单直接的处理声音。
PreloadJS：http://www.createjs.cc/preloadjs/
用来管理和协调相关资源加载的类库，它可以方便的帮助你预先加载相关资源。
openlayers：https://openlayers.org/
一个高性能的、功能丰富的库，满足您的所有映射需求。使得在任何网页中放置动态地图变得很容易。它可以显示从任何源加载的地图块、矢量数据和标记。开发OpenLayers是为了进一步利用各种地理信息。它是完全免费的，开源JavaScript，在2子句BSD许可下发布(也称为FreeBSD)。
数据库
MongoDB：https://www.mongodb.com/
MongoDB是一个文档数据库，这意味着它将数据存储在类似于JSON的文档中。我们认为这是思考数据的最自然的方式，并且比传统的行/列模型更有表现力和更强大的功能。
Mongoose：https://mongoosejs.com/
Mongoose是一个MongoDB的框架便于更好的操作数据库
CSS
Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：http://sass.bootcss.com/
Less：http://lesscss.org/
给 CSS 加点料。入门文档可以看：https://less.bootcss.com/
Stylus：http://stylus-lang.com/
UI框架
Bootstrap：http://www.bootcss.com/
ElementUI：http://element-cn.eleme.io/
基于 Vue.js 的组件库。
iView：https://www.iviewui.com/
一套基于 Vue.js 的高质量 UI 组件库。
VUX：https://vux.li/
一个凑合的 Vue.js 移动端 UI 组件库（由个人维护）
cube-ui：https://didi.github.io/cube-ui/#/zh-CN/docs/introduction
cube-ui 是基于 Vue.js 实现的精致移动端组件库。
Muse-UI：https://muse-ui.org/#/zh-CN
Muse UI 基于 Vue2.0 开发，Vue2.0是当下最快的前端框架之一，小巧，api友好，可用于开发的复杂单页应用
vant：https://youzan.github.io/vant/#/zh-CN/
轻量、可靠的移动端 Vue 组件库
Layui：https://www.layui.com/
由职业前端倾情打造，面向全层次的前后端开发者，低门槛开箱即用的前端 UI 解决方案
MUI：https://dev.dcloud.net.cn/mui/
最接近原生APP体验的高性能前端框架
Ant Design：https://ant.design
基于 React 的 UI 组件库，主要用于研发企业级中后台产品。官网推出了 Ant Design pro 作为示例，可以看看。
Ant Design Mobile：https://mobile.ant.design/
一个基于 Preact / React / React Native 的 移动端 UI 组件库。
Ant Design of Vue：https://vue.ant.design/docs/vue/introduce-cn/
Ant Design 的 Vue 实现，开发和服务于企业级后台产品。
CDN加速器
BootCDN: https://www.bootcdn.cn/
稳定、快速、免费的前端开源项目 CDN 加速服务
共收录了 3599 个前端开源项目
调试集
whistle：https://wproxy.org/whistle/
代理抓包工具，很好很强大。
Fiddler：https://www.telerik.com/fiddler
代理抓包工具。
编码规范
Bootstrap编码规范：https://codeguide.bootcss.com/
es6编程风格：http://es6.ruanyifeng.com/#docs/style
AirbnbJavascriptStyleGuide：https://github.com/airbnb/javascript
强大的技术学习网站
MDN：https://developer.mozilla.org/zh-CN/docs/Web
w3schools：https://www.quanzhanketang.com/
w3school：https://www.w3school.com.cn
w3cschool：https://www.w3cschool.cn/
开源中国：https://www.oschina.net/project/lang/28/javascript
smashingmagazine：https://www.smashingmagazine.com/
HTML中文网：http://www.css88.com
爱思资源网：http://www.aseoe.com/
掘金APP
CSDN网站及APP
segmentFauultAPP
字体图标集
Font Awesome：http://www.fontawesome.com.cn/
Iconfont：https://www.iconfont.cn/
icomoon：https://icomoon.io/
EasyIcon：https://www.easyicon.net/
icons8：https://icons8.cn/
IconStore：https://iconstore.co/
iconninja：http://www.iconninja.com/
web字体
webfont：https://www.webfont.com/onlinefont/index
MOKE数据
Easy Mock：https://www.easy-mock.com
切图工具
PS
Pxcook(像素大厨)：https://www.fancynode.com.cn/pxcook
原型设计工具
Mockplus：直接搜索下载
uxpin：https://www.uxpin.com/
静态站点生成工具集
VuePress：https://www.vuepress.cn/
GitBook：https://www.gitbook.com/
GitHubpage：https://pages.github.com/
API接口
聚合数据：https://www.juhe.cn/
和风天气：https://www.heweather.com/
讯飞开放平台：https://www.xfyun.cn/
网易云音乐接口：https://binaryify.github.io/NeteaseCloudMusicApi/#/
心知天气：https://www.seniverse.com/
饿了么接口：https://github.com/bailicangdu/node-elm/blob/master/API.md
前端大牛们
阮一峰（蚂蚁金服）
GitHub：https://github.com/ruanyf
博客：http://www.ruanyifeng.com/blog/
尤雨溪（VUE作者）
GitHub：https://github.com/yyx990803
知乎：https://www.zhihu.com/people/evanyou
玉伯
GitHub：https://github.com/lifesinger
博客：https://github.com/lifesinger/blog
知乎：https://www.zhihu.com/people/lifesinger
司徒正美（去哪儿）
GitHub：https://github.com/RubyLouvre
博客：http://www.cnblogs.com/rubylouvre/
知乎：https://www.zhihu.com/people/si-tu-zheng-mei
张鑫旭（腾讯）
GitHub：https://github.com/zhangxinxu
博客：https://www.zhangxinxu.com/
知乎：https://www.zhihu.com/people/iamzhangxinxu
迷渡
GitHub：https://github.com/justjavac
知乎：https://www.zhihu.com/people/justjavac.com
羡辙 | Ovilia
GitHub：https://github.com/Ovilia
知乎：https://www.zhihu.com/people/ovilia
云谦（陈成）
GitHub：https://github.com/sorrycc
云谦装了啥：https://github.com/sorrycc/awesome-tools
偏右
GitHub：https://github.com/afc163
知乎：https://www.zhihu.com/people/afc163
黄峰达/Phodal Huang（ThoughtWorks）
GitHub：https://github.com/phodal
知乎：https://www.zhihu.com/people/phodal
贺师俊/Hax（百姓网）
GitHub：https://github.com/hax
知乎：https://www.zhihu.com/people/he-shi-jun
EGOIST
GitHub：https://github.com/egoist
冴羽
GitHub：https://github.com/mqyqingfeng
博客：https://github.com/mqyqingfeng/Blog
知乎：https://www.zhihu.com/people/qing-feng-yi-yang
小爝
GitHub：https://github.com/xiaojue
知乎：https://www.zhihu.com/people/xiao-jue-83/
李靖/小胡子哥（淘宝网）
GitHub：https://github.com/barretlee
知乎：https://www.zhihu.com/people/barretlee/
cangdu
GitHub：https://github.com/bailicangdu
Jackson Tian
GitHub：https://github.com/JacksonTian
题叶（饿了么、前 Teambition）
GitHub：https://github.com/jiyinyiyong
杨健（今日头条）
GitHub：https://github.com/hardfist
知乎：https://www.zhihu.com/people/hardfist
其他工具
程序员的工具箱：https://tool.lu/
有八十个在线小工具特别强悍，是我较为喜欢的一个。
CanIUse：https://caniuse.com/
浏览器兼容性查询。前端同学必须要知道。
极简大纲笔记、一键生成思维导图。非常好用。
JSON格式化：http://www.bejson.com/
短链生成：http://www.dh6.ink/
GitHub短网址：https://git.io/
在线PS：https://www.photopea.com/
图片在线裁剪：https://www.asqql.com/gifc/
Gif添加字幕：http://www.yingjingtu.com/
Photoshop的投影参数转换为 CSS代码：https://psd2css.mezw.com/
将Photoshop设计文件图层中的混合选项参数快速转换为CSS3代码，以节省前端开发人员的时间和精力。
Get Emoji：https://emoji.svend.cc/
图片转Ascii：http://picascii.com/
视频转GIF：https://github.com/vvo/gifify
OCR文字识别：https://app.xunjiepdf.com/ocr