material-ui 入门篇

准备

material-ui官网提供的是npm的安装方法，所以我们需要首先安装nodejs，去nodejs官网http://nodejs.cn/下载V6.2.0版本(偶数版为稳定版),nodejs自带npm；

然后我们需要安装淘宝的npm镜像，为什么要安装这个，本人要npm安装material-ui一晚上都没成功，可能在因为身在天朝的原因，你懂得，去淘宝npm官网https://npm.taobao.org/，找到这行命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org，命令行运行

初始化

新建项目文件夹，命令行执行：

1、mkdir material-ui

2、cd material-ui

3、cnpm  init

cnpm init命令会创建一个package.json文件

 

安装依赖

1、cnpm install --save react react-dom react-tap-event-plugin marerial-ui

2、cnpm install --save-dev babel-core babel-loader

3、cnpm install --save-dev babel-preset-es2015 babel-preset-react babel-preset-stage-1

4、cnpm install --save-dev webpack

第一行是生产用的 React 与 Material-UI 部分。
第二行是Babel转换器的核心部分。 
第三行是Babel转换器的三个额外配置：ES2015（ES6），React，Stage1（ES7）。 
第四行是Webpack的部分 

安装完毕后，可以检查一下package.json文件，成功的话会出现下面的代码：

配置babel