开始使用material-ui

Posted 2023-02-22

【中文标题】开始使用material-ui

【英文标题】：Getting started with material-ui

【发布时间】：2015-07-01 18:56:02

【问题描述】：

在我看来，保守的秘密是 material-ui，一个使用 Google 的 Material Design UI 和 React 的网络框架。我认为这是一个奇妙的组合，以及未来。但是，如何使用它也是一个保存完好的秘密。 http://material-ui.com/#/get-started 的入门指南不适用于普通的 Joe，而仅适用于可能理解它的一小部分人。此外，这里的问题，如How to use material-ui framework?、material ui Installation configure，从未得到回答。

我设法安装了 material-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】：

要开始一个示例，只需按照github 的说明进行操作即可。

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

然后在浏览器中打开http://localhost:8000/。

【讨论】：

npm install material-ui 没有安装 example 文件夹。所以我自己下载了一个。但是，我应该在我下载的文件夹中执行上述npm install，还是应该将其移到npm install material-ui 创建的node_modules/material-ui 文件夹中然后运行npm install？谢谢

是的，您需要在下载的文件夹中运行 npm install。它抓住了启动网络服务器的要求。

可能值得补充的是，npm install material-ui 获得的旧版本存在一个错误。我必须从 Github 页面下载最新的 material-ui 来修复 issue #1117：github.com/callemall/material-ui

那个github链接坏了