开始使用material-ui

时间:2015-04-23 14:09:28

标签: node.js web reactjs material-ui

对我而言,保守的秘密就是材料-ui,一个使用Google Material Design UI的网页框架,以及React。我认为这是一个梦幻般的组合和未来。但是,如何使用它也是一个妥善保密的秘密。 http://material-ui.com/#/get-started的入门指南不适用于普通的Joe,只适用于可能了解它的一小部分人。此外,此处的问题,例如How to use material-ui framework?material ui Installation configure,从未得到回答。

我设法安装了材料ui,

  $ npm install material-ui
  react-tap-event-plugin@0.1.6 node_modules/react-tap-event-plugin

  react@0.13.2 node_modules/react
   envify@3.4.0 (through@2.3.7, jstransform@10.1.0)

  material-ui@0.7.4 node_modules/material-ui
   classnames@1.2.1
   react-draggable2@0.5.1

  $ ls -d1 node_modules/*
  node_modules/material-ui
  node_modules/react
  node_modules/react-tap-event-plugin

但下一步是什么?

  • 我应该在/var/www/下移动它们吗?或者启动nodejs,或者......?
  • 我怎样才能看到一个简单的演示,显示一切正常?

总而言之,作为只知道http服务器和静态html页面的人,我最简单的方法是在我自己的环境中使用现有的Web服务器吗?

由于

$ lsb_release -a 
No LSB modules are available.
Distributor ID: Ubuntu
Description:    Ubuntu 14.10
Release:        14.10
Codename:       utopic

$ uname -srmv
Linux 3.16.0-34-generic #47-Ubuntu SMP Fri Apr 10 18:02:58 UTC 2015 x86_64

1 个答案:

答案 0 :(得分:4)

要开始举例,请按照github中的说明进行操作。

cd <project folder>/material-ui/example
npm install
npm start

并在浏览器中打开http://localhost:8000/