nodeJs+react +Amaze UI 移动端架构

1、安装node

node 安装地址：https://nodejs.org/en/download/

将node安装路径 配置到Path中
查看node npm版本

image.png

2、安装react

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

image.png

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

image.png

3、安装 amazeui

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

image.png

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

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

image.png

5 页面配置

image

6组件的引用

image

7、运行

项目运行 npm start

image.png

项目结构

Amazeui组件

Web组件基于 React.js 封装的 Web 组件，在 React 中，一切皆组件，无论是展示性的，还是带有交互功能的，都是组件；所有组件都是使用 JS 编写、渲染。