利用脚手架新建项目]
npm install -g create-react-app
create-react-app [project-name] //你自己的项目名字
cd [project-name]
npm run eject //创建好的项目默认配置文件是隐藏的,显示项目的配置文件 config文件夹
安装 sass
npm install sass-loader node-sass --save-dev // 把依赖包添加到package.json 文件
安装好依赖后 修改config -> webpack.config.dev.js 和 webpack.config.prod.js，
的module配置项的配置修改如下
安装 React-router-dom 用于路由跳转操作
命令 npm i react-router-dom --save
安装 AXIOS 用于ajax请求
命令 npm install axios -g
安装redux数据管理 react-redux 完成数据订阅,react-thunk实现异步操作action ,redux-logger 是redux的中间件
命令 npm install --save redux react-redux redux-thunk
npm install --save-dev redux-logger
安装好后整理出整个项目目录结构
关于前端的适配在次不一一阐述，现阶段有很多种适配方式，网易适配，淘宝适配等基于less或者scss进行css样式的编辑都很简单便捷
最近没有时间接着写下去后面后时间会抽时间继续完成的
网友评论