1. 先要有node.js环境。
  2. 安装react脚手架
npm i -g create-react-app
  1. 创建react项目
create-react-app react-project   /*react-project为项目名*/
  1. 进入项目并安装相关依赖
cd react-project   /*进入目录*/npm run eject 弹出配置文件--不可逆操作--用于修改默认的配置npm install react-router-dom --save-dev   /*安装路由组件:react-router-dom*/npm install immutable   /*immutable  优化react*/npm install antd --save
//或者
npm install antd-mobile --save  /*安装antd/antd-mobile*/npm install babel-plugin-import --save-dev    /*按需加载组件代码和样式的 babel 插件*/npm install less-loader less --save-dev   /*安装所需less依赖*/npm install  http-proxy-middleware   /*react配置反向代理*/npm install axios  /*ajax请求,用fetch也一样*/
以上依赖按需引入
npm start /*启动项目*/

react项目搭建及相关依赖包引入相关推荐

  1. react项目搭建(基础学习笔记)

    react项目搭建(基础学习) 安装 局部安装 1.npm init -y或yarn init -y初始化项目 2.全局安装creact-react-app.使用npm install -D crea ...

  2. react项目搭建,步骤最全,附源码git地址(react+router+typescript+redux+axios+antdesign+mock+eslint)

    企业级react项目搭建流程,基于官网推荐脚手架create-react-app搭建的项目基本框架,在该基础上增加项目所需要的功能插件等.代码git地址base分支:https://github.co ...

  3. React项目搭建与Echars工具使用

    React项目搭建与Echars工具使用 一.React项目快速搭建 1.新建文件夹 2.直接在对应目录输入 cmd ,打开终端 3.执行指令完成React应用建立 二.React项目结构和分析 1. ...

  4. unipapp 解决无法编译sass_如何解决Vue项目里面没有sassloader依赖包的问题

    如何解决Vue项目里面没有sass-loader依赖包的问题 [报错问题] [分析问题] 说明项目里面没有sass-loader依赖包,需要安装dart-sass(即该软件包已被弃用,后来被重命名为& ...

  5. 无网络rpm包安装相关依赖包

    文章目录 无网络rpm包安装相关依赖包 1,介绍 2,找一台能上网的电脑下载rpm包. 3,批量安装rpm包(拷贝到要安装的电脑) 无网络rpm包安装相关依赖包 1,介绍 有的生产环境是没有网络的,我 ...

  6. springboot项目集成log4j2打成jar包 ,引入外边的log4j2文件,运行日志无法打印

    springboot项目集成log4j2打成jar包 ,引入外边的log4j2文件,运行日志无法打印 问题描述 因为项目中已经有log4j2文件,所以打的jar中也有,在application.yml ...

  7. IDEA搭建Maven Web(SSM)项目(二)——jar包引入、jetty服务器配置和ssm配置

    第二篇:jetty服务器插件配置,ssm所需基本jar包引入,ssm相关文件配置 1. 配置jetty服务器插件 打开已默认创建的pom.xml文件,其中已经自动引入了一些jar和maven插件,我们 ...

  8. React项目搭建步骤

    项目需要 查看电脑是否有yarn,如果没有则配置下面的命令 1).下载安装yarn:npm i yarn -g 2).查看yarn版本:yarn -v 3).配置淘宝镜像: yarn config s ...

  9. React 项目搭建与部署,搭建Node服务器

    环境配置与项目搭建 安装node,官网 直接下载 安装webpack : npm install -g webpack 安装淘宝镜像(可选): npm install -g cnpm --regist ...

最新文章

  1. gprof使用介绍 (gcc -pg)
  2. python基础教程学习笔记十二
  3. 计算机组成原理试题2,计算机组成原理试题2.doc
  4. nacos linux启动_微服务系列之Nacos配置中心之一:Nacos介绍与安装
  5. 阿里的26款大神级的Java开源项目
  6. 转 Android设置全屏的方法
  7. 【数据结构】堆的手动模拟实现
  8. 前端基础篇之 CSS 世界
  9. 计算机网络系统技术交底,公共广播系统技术交底
  10. 蓝牙怎么调声音大小_蓝牙耳机怎么调音量?
  11. c语言填空题库,C语言题库(填空题部分)
  12. 计算机组成原理第五版磁盘知识点,计算机组成原理知识点总结.doc
  13. opencv RGB 颜色 灰色图片显示
  14. 2019银保监计算机类真题,2019中国银保监会招聘考试全真模拟卷(计算机类)
  15. Ubuntu Samba高危安全漏洞修复
  16. blender FLIP-Fluids 流体教程帮助系列02
  17. C++ string大小写转换
  18. ***腾讯云直播(含微信小程序直播)研究资料汇总-原创
  19. Next.js国际化配置
  20. RXJava2响应式编程框架设计三---Rxjava2背压、生命周期

热门文章

  1. RAW图像处理软件ON1 Photo RAW 2021 for Mac
  2. idea开发工具右侧没有maven工具栏
  3. 海外app在谷歌和苹果商店中该如何设置关键词
  4. 理论三:面向对象相比面向过程有哪些优势?面向过程真的过时了吗?
  5. Yolox训练VOC数据集
  6. Java中常见的垃圾收集器
  7. IQKeyboardManager Done 修改为 完成
  8. 20155210潘滢昊 2016-2017-2 《Java程序设计》第5周学习总结
  9. Pandas-常用命令行-速查
  10. 如何提高逻辑思维,亲测,这3个方法有效