内容简介：19年，又是新的一年，“前端届”，又出了哪些新的“玩意”，今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具，希望在新的一年里，对你有所帮助。Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。
19年，又是新的一年，“前端届”，又出了哪些新的“玩意”，今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具，希望在新的一年里，对你有所帮助。
一、构建工具
1、 Parcel
Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。
2、 Critters
一款webpack的插件，它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载，由于它不使用无头浏览器(headless browser)呈现内容，因此快速轻巧。
3、sucrase
sucrase.io/ 如果你用typscript构建React项目，sucrase将是一个不错的选着，它的编译速度将是Babel的20倍。sucrase——一款ES6+编译器，重点关注非标准语言，例如Typescript，JSX和Flow。
4、Webpack Config Tool
一款可视化的在线 工具 网站，你只需要选择前端项目运用到技术和相关配置，就能一键帮你生成webpack.config.js，省去你不少的麻烦。
5、JSUI
JSUI 是一个可视化分类、构建和管理 JavaScript 项目的工具。不管是前端应用还是后端应用，也不论使用的是哪种框架，只要项目有一个 package.json ，即可进行管理。
6、PWA Universal Builder
一款脚手架构建工具，方便创建基于Preact，React，Vue和Svelte的项目，开箱及支持Babel，Bublé，Browserlist，TypeScript，PostCSS，ESLint，Prettier和Service Workers！
7、VuePress
VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。
每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。
二、框架和库
8、 PWA Starter Kit
pwa-starter-kit.polymer-project.org/
通过功能丰富的WEB组件快速帮你构建功能齐全的PWA网站项目，几乎零配置，完成了构建、测试和快速部署。
9、PaperCSS
一个不太常规的CSS框架，如果你希望你的网站有手绘风格感觉，选择它准没错。
10、boardgame.io
BOARDGAME.IO是 Google 开源的一个游戏框架，旨在允许游戏作者将游戏规则从本质上转化为一系列简单的函数，这些函数用于描述当一个指定动作发生时游戏的状态变化，框架负责处理表述性状态传递。 无需再手动编写任何网络或后端代码。 功能特性：
- 状态管理：自动跨浏览器、服务器和存储器无缝管理游戏状态；
- 快速成型：在渲染游戏之前调试界面以模拟更改。
- 多人游戏：所有连接到同一游戏的浏览器都实时同步，无需刷新。
- 私密状态：私密信息可从客户端隐藏。
- 日志：游戏日志可查看任意时间的信息。
- UI 工具包：常用于游戏中的 React 组件。
11、Stimulus
Stimulus是一个适度的前端框架，它并不试图接管整个前端的方方面面，不关心如何渲染HTML，相反用来增强HTML的相关行为。如果你的团队规模较小，但又想要和那些使用比较费力的主流方案的较大团队竞争，那么这是一个比较适合的前端框架方案。
12、sapper
Sapper是一个类似Next.js的框架，具有极高的性能和内存效率，具备代码分割，服务端渲染的现代框架功能，是一款军工级别的框架。
13、Reakit
使用这个框架能让你快速搭建漂亮的React UI 交互站点。
14、Evergreen
更为强大的React UI 框架，有一套非常标准的UI设计语言帮你构建企业级的具有国际范设计风格的WEB应用，这个框架类似我们国内的ant.design （https://ant.design/docs/spec/colors-cn）
小节
今天的分享就到这里，剩下的内容，小编将会在下篇文章进行分享，敬请期待，明天就是除夕夜了，小编在这里祝大家新年快乐，阖家欢乐。
更多精彩内容，请微信关注”前端达人”公众号！
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- 前端人应该知道的网站和工具
- 前端应该关注的 2021 年设计趋势
- 每一个前端应该了解的图片知识
- 重磅！Web前端性能优化，应该怎么做?
- 19年你应该尝试的50款前端工具（中）
- 每个前端工程师都应该了解的图片知识
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
翻转课堂的可汗学院
萨尔曼·可汗（Salman Khan） / 刘婧 / 浙江人民出版社 / 2014-4-1 / 49.00元
MIT和哈佛毕业的高材生缘何放弃金融分析师工作投身教育事业？YouTube上的“可汗学院频道”至今共吸引了163.3万订阅者，观看次数超过3.55亿次，它为什么如此大受欢迎？创始人萨尔曼·可汗阐述属于未来的教育理念——让地球上的任何人都能随时随地享受世界一流的免费教育！ 现行教育模式已有200余年历史，可汗认为，在互联网蓬勃发展、社交网络盛况空前的时代，免费、灵活、适合个体、全球共享的教育才......一起来看看 《翻转课堂的可汗学院》 这本书的介绍吧!
