该篇主要收集了一些前端常用的编辑器、框架以及一些常用工具,帮助前端开发者更快成长。
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(小程序开发、网页开发、移动端开发)
构建集
NPM:https://www.npmjs.com/
简单易操作的包管理器,前端开发必备。
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 开发框架。
Koa:https://koa.bootcss.com/
基于 Node.js 平台的下一代 Web 开发框架。
Egg:https://eggjs.org/zh-cn/
Egg 继承于 Koa。
Koa 是一个非常优秀的框架,然而对于企业级应用来说,它还比较基础。而 Egg 选择了 Koa 作为其基础框架,在它的模型基础上,进一步对它进行了一些增强。
Electron:https://www.electronjs.cn/
Electron(原名为Atom Shell)是GitHub开发的一个开源js框架。它允许使用Node.js(作为后端)和Chromium(作为前端)完成桌面GUI应用程序的开发。
Nw:https://nwjs.org.cn/
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、And