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 编写、渲染。
网友评论