1、安装Node.js(官网Node.js下载)

2、运行node -vnpm -v两条命令(检验是否下载成功Node.js)

3、npm install -g cnpm --registry=https://registry.npm.taobao.org(用npm安装cnpm,将镜像源设置为国内镜像源,国内镜像源由taobao提供,有些软件可能在国外,有的时候可能需要翻墙,你就会下载比较慢,这个时候使用cnpm就比npm快)

4、cnpm -v(查看安装的cnpm版本号,用于检查cnpm安装是否成功)

5、cnpm i -g create-react-app(安装React的脚手架)

6、create-react-app my-project(创建一个React项目,项目名为my-project。环境是先切换到项目所在目录再执行,如Desktop和F盘)

7、cd my-project

8、cnpm start(这两步跟着它提示操作即可)

9、 如果你看到跟下图一样,说明你的React项目创建成功,在浏览器打开http://localhost:3000/便可看到创建好的React项目,至此,一个React项目创建完成!

如何创建一个React项目(超简单)相关推荐

  1. react项目_保证一看就会 | 手把手教你创建一个React项目

    一.如何使用 git 在 GitHub 上创建一个项目 新建一个项目 首先,在github上注册自己的账号,然后登录后,可以看到如下界面,是你的主页.点击右边的➕号,选择第一个选项 填写项目信息 此时 ...

  2. 如何创建一个 react 项目及如何运行?

    如何创建一个 react 项目及如何运行? 一.安装 create-react-app 二.检测 create-react-app 是否安装成功 三.创建 react 项目 四.运行 react 项目 ...

  3. 使用create-react-app或者antd创建一个React项目

    转载请注明出处:王亟亟的大牛之路 距离上一次提及React的内容差不多也快1年多了,然后这一年里平胸而论觉得进步不多,然后最近因为业务需要然后都在做一些前端的工作. 然后以前都是从npm init一路 ...

  4. 如何创建一个 react 项目

    目录 前言 一.create-react-app 脚手架快速搭建 react 项目 1.安装 create-react-app 2.检测 create-react-app 是否安装成功 3.创建 re ...

  5. 如何创建一个react项目

    读react.js小书观后感 首先需要先确定在电脑中要有node.js的文件以及npm环境 1.运行如下命令 npm install -g create-react-app 通过这条指令在电脑中加入一 ...

  6. 如何在idea中创建一个SpringBoot项目(超详细教学)

    如何在idea中创建一个SpringBoot项目 目录 环境准备 1.1打开IDEA,点击New新建一个项目 1.2 使用Spring Initializr方式构建Spring Boot项目 1.3 ...

  7. 构建一个react项目_您想要了解更多有关React的内容吗? 让我们构建一个游戏,然后玩。...

    构建一个react项目 by Samer Buna 通过Samer Buna 您想要了解更多有关React的内容吗? 让我们构建一个游戏,然后玩. (Do you want to learn more ...

  8. 从零开始搭建一个react项目

    Nav logo 120 发现 关注 消息 4 搜索 从零开始搭建一个react项目 96 瘦人假噜噜 2017.04.23 23:29* 字数 6330 阅读 32892评论 31喜欢 36 项目地 ...

  9. Maven如何用Eclipse创建一个Maven项目【笔记自用】

    1.Maven的安装与设置环境变量 想要创建一个Maven项目需要先安装Maven,并且设置好环境变量 去下载Maven 设置环境变量 新建变量MAVEN_HOME,值为Maven的目录X:\XXX\ ...

最新文章

  1. 如何选择正确的激活函数?
  2. app中传递java数据_Java实现app接口和Socket消息传递(6)servlet映射并返回Json数据
  3. 文献记录(part57)--半监督学习方法
  4. 【elasticsearch】block.ClusterBlockException: blocked by: SERVICE_UNAVAILA
  5. 实现机器学习的循序渐进指南I——KNN
  6. 【bzoj 3669】[Noi2014]魔法森林
  7. LeetCode 279. 完全平方数(动态规划)
  8. JS获取子节点、父节点和兄弟节点的方法实例总结
  9. c语言第十章课后作业答案,C语言练习题第十章
  10. 51单片机十字交通灯程序设计
  11. v65智慧屏是真的鸿蒙,华为智慧屏V65深测:真智慧or增智慧?
  12. 2级c语言题库及答案,2019-C语言二级考试题库(含答案)
  13. Go语言(Golang)超时机制
  14. android 打开wifi并链接到制定ip,在安卓WiFi-Direct连接中获取对等设备IP地址的方法及设备与流程...
  15. java计算机毕业设计校园共享单车系统源代码+系统+数据库+lw文档
  16. python求txt文件内平均值_如何使用python计算几个.dat文件的平均值?
  17. idea里面解决jsp,html,xml黄色背景的方法
  18. 状态码的含义,以及HTTP中常见的状态码
  19. 向前跑,带着梦想不带骄傲
  20. java彩票源码开源带界面,带系统

热门文章

  1. win10 游戏黑屏(英雄联盟 激战2)解决
  2. 同步I/O、异步I/O、阻塞I/0、非阻塞I/O、五种I/O模型、高性能网络模型
  3. 7. slot 是什么?有什么作用?原理是什么?
  4. load()是python文件操作的函数_Python 文件读写
  5. 大数据入门第一块——dota2数据分析(一)
  6. java给excel填充数据_Java实现给Excel模板赋值(直接打开表格赋值或者用自定义了名称的单元格(一块区域)赋值)...
  7. 【转】送给前线码农的话 – 大牛们的经典语录
  8. 进来感受Java的极致趣味盛宴
  9. 男友别再乱拍照了!6招让女友的旅游照片从路人变女神
  10. 11.①事件冒泡:取消冒泡event.cancelBubble=true或.sopImmediatePropagation()②事件绑定addEventListener(参数1,参2,参3)③事件传播