1:win+R 输入cmd ,打开cmd面板

2:安装cnpm

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

3:安装react的构建器create-react-app

  cnpm install -g create-react-app

4:create-react-app my-test      //my-test为项目名称,可自定义

5:cd my-test

6: cnpm install --save redux //安装redux

7: cnpm install --save redux-saga  //saga第三方插件

8 : cnpm install axios   //axois安装(异步请求)

9 : cnpm install antd --save  //组件安装

10:cnpm install immutable   //immutable   安装

11 : cnpm install react-redux --save

最后 : cnpm start  // 项目启动

页面显示

转载于:https://www.cnblogs.com/xiaoxinzi/p/9529655.html

npm创建react项目相关推荐

  1. mac创建react项目报错 :Aborting installation. npm install --save --save-exact --loglevel error react reac

    Mac创建react项目失败 之前一直以为是淘宝镜像不对,尝试很久才找到方法 解决方法 下载下面的包 brew install pixman brew install cairo brew insta ...

  2. 基于脚手架创建react项目

    React(一)使用脚手架创建React项目: 转自: https://www.cnblogs.com/yulingjia/p/9583244.html D:\workbench_ws>npm ...

  3. react项目_如何从零开始创建React项目(三种方式)

    在开发React项目前最关键的当然是项目的创建,现在的前端工程化使得前端项目的创建也变得越来越复杂,在这里介绍三种从零开始创建React项目的方式,分别是在浏览器中直接引入.使用官方脚手架create ...

  4. React简介、虚拟DOM、Diff算法、创建React项目、JSX语法、组件、组件声明方式、组件传值props和state、组件的生命周期

    React简介: 前面只是简单介绍移动APP开发,后面还会继续深入介绍移动app开发:其中想要用ReactNative开发出更出色的应用,那么就得学好React,下面将介绍React: React 是 ...

  5. 初学者如何搭建React开发环境并且创建react项目

    搭建React开发环境 1.搭建前提 2.下载node.js和cnpm 3.安装react环境 4.创建react项目 输入命令 如下显示成功 5.运行reactDemo文件 6.错误示范 1.搭建前 ...

  6. 如何创建React项目

    前言 构建React项目的几种方式: create-react-app 脚手架快速搭建 react 项目(推荐) yeoman 脚手架搭建 react 项目 webpack 一步一步构建 react ...

  7. 如何从零开始创建React项目(三种方式)

    在开发 React 项目前最关键的当然是项目的创建,现在的前端工程化使得前端项目的创建也变得越来越复杂,在这里介绍三种从零开始创建 React 项目的方式,分别是 "在浏览器中直接引入&qu ...

  8. 创建React项目全过程(傻瓜式教程)

    首先创建react项目可以先下载脚手架create-react-app(类似于vue的脚手架vue-cli). ①打开cmd,执行:npm install -g create-react-app : ...

  9. yarn创建react项目

    yarn创建react项目 1.安装yarn https://yarnpkg.com/zh-Hans/docs/install 2.创建项目及安装antd 在cmd下输入"npm insta ...

  10. 使用npm创建vue项目

    大家好,我是龙骑士,今天给大家介绍使用npm创建vue项目 在你想要创建项目的文件夹下打开cmd,在命令行窗口输入vue create projectname 作为学习记录,这里全部选择 Vue CL ...

最新文章

  1. 有了这个工具,不执行代码就可以找PyTorch模型错误
  2. fopen参数mode详解
  3. c语言delay_利用C语言编程单片机,制作可以根据环境光照调整亮度的智能灯
  4. OracleDB 12cR2 架构 (强烈推荐)
  5. SQL Server 2008安装配置说明书+简单使用 亲测可用
  6. (2,1,3)卷积码与一种QC-LDPC码的译码性能对比
  7. 重构_改善既有的代码设计(一)
  8. Laravel5.2之模型关联预加载
  9. iphone iPhone开发中如何将制作图片放大缩小代码实现案例
  10. 一个农民工学习LINUX内核的艰辛历程/嵌入式的感受
  11. 第一个Jsp程序,Hello World
  12. crontab命令 :Linux下定时执行脚本
  13. VirtualBox安装RedHat7
  14. 2014传智播客ios第4期基础班+就业班
  15. Android ActivityManager一些API介绍
  16. m2增长率曲线_中国m2历年数据曲线图_中国m2历年数据
  17. lucas定理 与 扩展lucas定理(HDU 3037 以及 2015 ICL, Finals, Div. 1 J.Ceizenpok’s formula)
  18. MPLS 网络技术 — 组网方案
  19. 那些年找工作入过的坑! 避雷!!!!
  20. 利用Appium对Android App进行测试

热门文章

  1. MongoDB学习(一)Centos6.5下安装mongoDB
  2. 11.2.0.3 MRP进程异常终止 ORA-00600 krr_assemble_cv_3
  3. 使用DataAnnotations实现数据验证
  4. 【配置关系】—Entity Framework实例详解
  5. Android应用开发提高篇(1)-----获取本地IP
  6. 详细教程:编译Linux最新内核
  7. python输出10行带标号的hello、world_Python输出hello world(各行命令详解)
  8. 标准模型和IE模型的区别
  9. 使用python 启动一个web服务
  10. php socket访问单片机,可运行在单片机上的UDP通讯协议的实现【上】