怎么下载安装react?

1、首先,要安装 Node.js 及 NPM 。

可以去官网下载最新的版本:

https://nodejs.org/

下载好之后一直点击下一步,安装完成!!!

查看安装情况:

按下win+r键打开运行,输入cmd回车,进入cmd命令窗口

1.jpg

2.jpg

检测版本 输入:node -v

安装node时会自带一个npm的包管理工具。

检测npm版本 输入:npm -v

如若以上两个命令输入都返回版本号,则安装成功!

设置NPM

国内npm有点慢,可以设置成淘宝的镜像来代替原有的。

cmd命令提示符中键入:

npm config set registry https://registry.npm.taobao.org

2、使用 create-react-app 快速构建 React 开发环境

安装create-react-app

我们可以通过安装create-react-app来创建React项目。

create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

安装命令:

npm install -g create-react-app

react安装成功之后,就可以创建React项目啦!

创建React项目

进入你想创建项目的路径(我是在C:\Users\Administrator\Desktop\前端笔记\练习\NodeJs\Root>下创建项目),然后键入命令:

create-react-app demo

这里的create-react-app是创建命令,demo是你要创建的项目的名称,可以随便起。

这样就算是创建成功啦!

然后,仔细看,倒数第二、三行的提示!!!

进入刚刚创建的demo目录中:cd demo

(一定要进入demo项目 目录中才可以启动项目哟!!!)

启动项目:

npm start

稍等片刻,则会自动打开一个网页!!!

Image placeholder
前端答疑
未设置
  47人点赞

没有讨论,发表一下自己的看法吧

推荐文章
怎么下载react框架

怎么下载react框架下载react框架我们可以采用npm来实现,下面是具体操作方法:1、安装nodejs,使用node-v和npm-v检查是否正确安装(推荐:Node.js教程)2、配置npm,使用

jquery怎么下载?

jquery怎么下载?jQuery的版本有很多,大家在选择版本的时候,一般原则是越新越好,但其实不然,jQuery版本是在不断进步和发展的,最新版是当时最高技术水平,也是最先进的技术理念。(推荐:jQ

怎么看有没有安装react

怎么看有没有安装react一、查看本机是否安装了react的方法●打开cmd输入npmlist-g--dept0有react则已全局安装●进入C:\Users\xxx\AppData\Roaming\

怎么安装react-router

怎么安装react-router安装命令:npminstallreact-routerreact-router路由提供了一些router的核心api,包括Router,Route,Switch等,但是

全局安装react脚手架在哪装?

全局安装react脚手架在哪装?全局安装react脚手架在任何目录下都可以,因为和当前所在目录没有关系。一、全局安装react脚手架npminstall-gcreate-react-app -g参数表

怎么封装react组件

怎么封装react组件1、封装自己的组件使用es6的扩展类的方式,在基类中扩展组件。importReact,{Component}from'react'; classClickCounterexten

jquery怎么操作select?

jquery怎么操作select?jquery操作select分为获取option的值、删除option、增加option、获取option的长度、清空select、判断select框中是否存在某个值

SQL 查询语句总是先执行 SELECT?你们都错了

很多SQL查询都是以SELECT开始的。不过,最近我跟别人解释什么是窗口函数,我在网上搜索”是否可以对窗口函数返回的结果进行过滤“这个问题,得出的结论是”窗口函数必须在WHERE和GROUPBY之后,

先学php还是javascript?

javascript是前台的东西,PHP是后台的东西,两者先学谁都是一样的。两者之间没有啥实质性的必然联系。Javascript就是浏览器执行的脚本语言,控制页面内容。php就是服务器端执行的语言,读

如何在cmd中下载react模板

如何在cmd中下载react模板打开cmd命令行窗口,输入npm-version,查看当前的npm版本如果npm版本是5.2以上版本,在cmd中输入npxcreate-react-appmy-app,

如何在idea中下载react

如何在idea中下载react1、首先安装Terminal插件File—>Settings—>Plugins搜索Terminal,打上勾,重启idea2、按下alt+f12打开Terminal工具3、

如何用npm下载react

如何用npm下载react●首先我们需要安装nodejs环境【Node.js安装教程】我们可以在cmd中输入node-v和npm-v来检测是否安装成功。node-v npm-v当两条命令都成功的输出了

如何下载使用react.js

如何下载使用react.js一、下载react.js、react-dom.js和babel.js在浏览器中输入这三个地址,将得到的页面全选后复制粘贴到本地的文件中,分别对应react.js、react

如何下载react库

如何下载react库一、使用浏览器直接下载react.js和react-dom.js在浏览器中输入https://cdn.staticfile.org/react/16.4.0/umd/react.d

如何从官网下载react-dom.js

如何从官网下载react-dom.js1、首先我们访问react的github官方页面http://react-cn.github.io/react/downloads.html2、点击页面中的Dow

怎么在react中安装修饰器

怎么在react中安装修饰器在create-react-app下使用es7的@修饰器会报错''Supportfortheexperimentalsyntax'decorators-legacy'isn

怎么检查react全局安装

怎么检查react全局安装检查react全局安装可以使用npm命令npmlist-g--depth0。按下win+r打开运行,输入cmd打开命令提示符,输入命令即可。C:\Users\Administ

你真的了解 React 吗?这里有 50 个 React 面试问题

如果你是一位有理想的前端开发人员,并且正在准备面试,那么这篇文章就是为你准备的。本文收集了React面试中最常见的50大问题,这是一份理想的指南,让你为React相关的面试做好充分的准备工作。首先我

React Hooks 完全指南,读React作者博文感悟(2W字精华)

阅读facebook大佬:DanAbramov的文章颇有感悟大佬github地址https://github.com/gaearon 重点总结 useEffect是同步的 状态是捕获的当前props

IBM Spectrum Protect 8.1.7在AIX7.1上的安装和配置

                                                本文作者: 谷铁柏摘要:    本文章主要讲述IBMSpectrumProtect8.1.7版本在AIX

如何在浏览器中获取 Production Mode 的 React 实例

https://github.com/LiuuY/Blog...在ProductionMode下,React并没有暴露其实例。无论什么原因如果你要获取的话可以参考以下方法。条件浏览器安装了ReactD

17 万条人脸数据遭公开售卖;什么值得买辟谣删库跑路新闻;Oracle 修改 JDK 下载要求

苹果发布iPhone11,游戏和电视订阅服务每月4.99美元 苹果在周二的新闻发布会上发布了iPhone11、iPhone11Pro和iPhone11ProMax三款智能手机,9月13日开放预购,9月

PHP 如何上传文件和下载,你学会了吗?

第1章文件上传 1.1客户端上传设置 ​在B/S程序中文件上传已经成为一个常用功能。其目的是客户可以通过浏览器(Browser)将文件上传到服务器(Server)上的指定目录。 ​网络上常见的支持文件

Go 解决国内下载 go get golang.org/x 包失败

GOPROXY环境变量 我们知道从Go1.11版本开始,官方支持了gomodule包依赖管理工具。其实还新增了GOPROXY环境变量。如果设置了该变量,下载源代码时将会通过这个环境变量设置的代理地址,

大会资料下载|热门技术风口下开发者应该关注些什么?

4月16日,OracleCode2019开发者大会在深圳圆满落幕。今年的大会有将近1000名开发者齐聚现场,45万码农同时在线观看直播。现场,来自国内外的技术专家,围绕云计算、自治数据库、IoT、区块