1、安装node
node 安装地址:https://nodejs.org/en/download/
将node安装路径 配置到Path中
查看node npm版本

2、安装react
创建新的react单页面应用
全局安装react-cli:npm install -g create-react-app

创建项目
create-react-app react-demo

3、安装 amazeui
1、首先 cd react-demo进入到刚创建的 项目之中
2、接下来 可以执行安装:npm install amazeui

4、安装amazeui 所需引用的react组件
安装amazeui 所需引用的react组件
npm install amazeui-react

5 页面配置

6组件的引用

7、运行
项目运行
npm start
image.png
项目结构
Amazeui组件
Web组件基于 React.js 封装的 Web 组件,在 React 中,一切皆组件,无论是展示性的,还是带有交互功能的,都是组件;所有组件都是使用 JS 编写、渲染。
网友评论