前面文章提到了Homebrew,npm,yarn,https://blog.csdn.net/a_horse/article/details/82291323
本文继续介绍一些常用的脚手架工具
一,webpack
1,WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用
2,竞争对手:Grunt以及Gulp
3,中文文档:https://www.webpackjs.com
4,安装webpack: npm install webpack --save-dev
Webpack 目前有两个主版本,一个是在 master 主干的稳定版,一个是在 webpack-2 分支的测试版,测试版拥有一些实验性功能并且和稳定版不兼容,在正式项目中应该使用稳定版。
5,检查webpack版本: npm info webpack
6,安装Webpack 开发工具: npm install webpack-dev-server --save-dev
二,Redux
Redux 是 JavaScript 状态容器,提供可预测化的状态管理
阮一峰博客:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html
三,babel
babel官网正中间一行黄色大字写着“babel is a javascript compiler”,翻译一下就是babel是一个javascript转译器。为什么会有babel存在呢?原因是javascript在不断的发展,但是浏览器的发展速度跟不上。以es6为例,es6中为javascript增加了箭头函数、块级作用域等新的语法和Symbol、Promise等新的数据类型,但是这些语法和数据类型并不能够马上被现在的浏览器全部支持,为了能在现有的浏览器上使用js新的语法和新的数据类型,就需要使用一个转译器,将javascript中新增的特性转为现代浏览器能理解的形式。babel就是做这个方面的转化工作。
四,eject
五,eslint
六,fetch
七,Ajax
八,mockjs
九,成熟的工具:
- 阿里的dawn工具:https://github.com/alibaba/dawn
- Ant Design:https://ant.design/docs/react/introduce-cn
- Ant Design Mobile:https://mobile.ant.design/docs/react/introduce-cn
- Ant Design Pro:https://pro.ant.design/index-cn
- 阿里企业中后台UI解决方案Fusion:
- Fusion 站点:https://fusion.design/
- next github 仓库: https://github.com/alibaba-fusion/next
- 个人react方案:https://github.com/duxianwei520/react