React项目搭建

一、创建项目 

1、cmd切换到目标文件夹

2、初始化项目

npx create-react-app init-mobile

3、切换到对应目录根据提示启动项目

二、配置项目文件目录

调整项目中src目录结构如下：

 三、引入组件库antd-mobile

1、安装

npm install --save antd-mobile@next

2、在App.js根组件中导入要使用的组件

App.js中直接引用即可，无需加载 

import { Button } from 'antd-mobile'

3、渲染组件

直接使用组件 

<Button>登录</Button>

4、在index.js中导入组件库样式

将组件库的样式引入进来（注：当同时引用组件库样式和全局样式index.css时，要想全局样式生效，需将其放在组件库样式之后引入，否则会被覆盖）

import 'antd-mobile/dist/antd-mobile.css'        //已废除

 四、