准备
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