react创建项目

2019-10-27 本文已影响0人流觞小菜鸟

创建项目

输入create-react-app + 项目名称的命令

全局匹配环境

cnpm install create-react-app -g

打包

npm run build

下载路由

cnpm install react-router-dom --save

cnpm install react-router-dom -s

安装cnpm淘宝镜像

npm install -g cnpm -registry=https://registry.npm.taobao.org

引用路由

import { BrowserRouter as Router, Route,Link, NavLink,Redirect } from "react-router-dom";

下载axios模块进行前后端交互

npm install axios --save

下载antd插件组件库

cnpm install antd --save

cnpm install antd -s

npm install antd-mobile --save

安装yarn命令

cnpm install -g yarn

下载redux模块

npm install redux --save

下载react-redux模块

npm install react-redux --save

webpack打包模块下载

cnpm install webpack --save-dev

解决问题

npm install react-scripts

报错 Cannot find module 'react-dev-utils/crossSpawn'

解决问题删除node__modu 下载

npm install

下载时间模块

npm install moment --save

调用

import moment from "moment"

import 'moment/locale/zh-cn'

moment.locale('zh-cn')

分页器

import { Pagination } from 'antd';

import 'antd/dist/antd.css';