当前位置:   article > 正文

从0开始搭建react项目_react搭建项目步骤

react搭建项目步骤

第一次真正意义上接触 react 项目,做好了一步一步慢慢踩坑填坑的准备,本文就主要介绍如何完整的实现一个react项目。

注:可能会因为公司安排其他任务,所以有可能会花很长一段时间完善这篇文章。

第一步:搭建

1、全局安装 create-react-app

      npm install create-react-app

2、创建项目,安装初始依赖

      create-react-app projectName(文件夹名)

3、安装完成,进入项目文件夹并启动

      cd projectName && npm run start

4、自定义启动端口

      找到 package.json 文件,将 scripts 下面的 start 修改成 set PORT=1234 && react-scripts start

5、安装 antd 组件

      npm install antd

6、安装 axios

      npm install axios

7、安装 react 的路由 react-router-dom

      npm install react-router-dom --save-dev

8、安装 react-redux

      npm i react-redux

至此,这个项目已经算是搭建完成了,必要的路由,发送请求的 axios ,状态管理 react-redux,自定义启动端口都有了。

二、项目结构目录

找到 src 文件夹,在其下面建以下几个文件夹(可以自己命名):

api:接口文件目录                     components:相关组件文件目录          router:路由文件目录

static:静态资源文件目录          store:react-redux 状态管理文件目录            utils:各工具类文件目录

views:页面视图层文件

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/671255
推荐阅读
相关标签
  

闽ICP备14008679号