javascript - 为 Material.io 设置环境的资源？

Question

我对 Web 开发非常陌生，但在一个学校项目中，我的一个小组成员建议使用 Material.io，这本身并不难理解。然而，我在设置开发环境以利用 Material Components 方面遇到了很大的困难。我相信我必须通过 Node.js 和 npm 使用 Babel、Webpack 和 React 来完全搭建环境。有人知道有什么好的资源可以帮助我解决这个问题吗？我很感激任何反馈。

我已经使用了这些资源，但没有成功: https://codelabs.developers.google.com/codelabs/mdc-101-web/#1

https://www.freecodecamp.org/news/how-to-use-reactjs-with-webpack-4-babel-7-and-material-design-ff754586f618/

Answer 1

我想澄清的第一件事是，Material Design (material.io) 是各种小部件的外观和感觉的指南。 Material Design 并不规定您用来实现遵循 Material Design 的小部件的技术堆栈。因此我们无法回答您的问题您需要什么工具。例如，您可以使用 React 构建您的 Material Design 应用程序，但您同样可以使用 Angular 构建您的应用程序。

以下是一些为不同技术堆栈实现 Material Design 组件的库:

• Material Design component library for React
• Material Design component library for Angular
• Material Design component library implemented with Web Components
• Material Design component framework implemented in plain CSS & JavaScript

因此，首先您需要决定要使用哪个堆栈来构建应用程序，然后您可以查看在该堆栈上实现 Material Design 所需的工具/库。