如何用npm下载react

如何用npm下载react

● 首先我们需要安装nodejs环境 Node.js安装教程

我们可以在cmd中输入node -v和npm -v来检测是否安装成功。

node -v
npm -v

当两条命令都成功的输出了版本号,下面我们就可以进行react的下载安装了。

● 使用 npm 下载安装 React

接下来,我们可以尝试一下,使用 npm 安装 React 到我们的项目中。在我们的工作目录,按住 shift 点击鼠标右键,在弹出的菜单中选取“在此处打开命令行”,创建一个项目的文件夹,例如 learn-react ,使用 cd 命令切换至文件夹中,输入:

npm init -y

使用默认设置初始化我们的项目的 npm 配置,在项目目录中会生成一个 package.json 文件,里面会保存我们项目的基本信息、命令脚本以及依赖的库等信息。再然后,我们可以通过命令:

cnpm install react react-dom --save

来安装 React,并将其保存到我们的项目依赖当中。现在再来看一下 package.json 文件,我们可以看到其中的 dependencies 已经保存了 react 的信息了。

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

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

推荐文章
怎么使用npm下载vue.js?

课程推荐:前端开发工程师--学习猿地精品课程 一、安装node.js node.js是一个安装包资源管理器。可以在里面下载安装包。不是一门语言/库/框架。也就是说,和vue.js不是同一类东西。(vu

Ubuntu常用技巧:npm下载很慢的超简单解决方法

在使用npm下载时,速度特别特别慢,等了半小时还是纹丝不动:尝试了一些方法,效果不是很明显,最终发现一种简单有效的方法:1.终端输入命令,显示当前的镜像地址:npmgetregistry2.再输入命令

如何在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、

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

为什么要用Node.js?

JavaScript的日益发展带来了很多变化,当今的Web开发面貌已经变得截然不同。在几年前是很难想象在服务器上运行JavaScript的。在深入研究Node.js之前,你可能想了解使用跨栈的Java

【Vue Nginx】项目打包后使用nginx本地服务器运行

一、下载Nginx官网:http://nginx.org/en/download.html我下载的是稳定版本nginx-1.18.0版本 二、解压与修改1、解压出来的结果: 2、打开文件夹中的conf

[译] 是的,它是 npx,不是 npm

原文: Yes,it’snpx,notnpm—thedifferenceexplained 最近,当我开始学习React的时,看到包括我在内的很多人当看到 npx 而不是 npm 时很困惑。一些人看的

如何用react做增删

如何用react做增删1、使用react做一个输入框,点击提交在下面列表展示,点击对应的列表项,删除该项,如下:2、项目的数据结构,首先分析需求,一个input框,一个button,一个列表。可以把i

如何用vscode启动react项目

如何用vscode启动react项目要求:●具有nodejs环境、已安装npm●已安装vscode首先使用create-react-app脚手架创建一个项目。create-react-appdemo1

如何用react做一个表格

如何用react做一个表格1、首先使用React.createClass方法创建一个组件;2、在render中通过React.DOM创建table、tr、tbody标签;3、在tr标签中使用map方法

如何用react写页面跳转

如何用react写页面跳转1、使用react-router-dom中的Link实现页面跳转一般适用于,点击按钮或其他组件进行页面跳转,具体使用方式如下:import{Link}from'react-r

如何用react写轮播?

前提:安装好Node.js安装。【推荐阅读:nodejs怎么下载安装?】步骤:1、安装swiper使用node包管理器npm来安装swipernpminstallswiper--save2、在轮播组件

如何用react构建单页面

如何用react构建单页面react构建单页面需要使用react-router-dom库,所以我们需要先安装npminstallreact-router-dom-S下面以一个例子讲解,react构建单

玩转 GitHub Actions,简化 npm 发布流程

Github最近添加了一项名为GithubActions的新功能,为我们带来了一套强大的工作流系统,可以处理各种各样的任务。我们在发布Node.js包时可以使用Actions自动运行测试,然后自动将

如何下载使用react.js

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

cnpm如何安装vue?

如何使用cnpm安装vue?步骤1:确保你电脑上安装了最新版本的Node.js。步骤2:安装淘宝镜像(国内使用npm速度很慢,可以使用淘宝定制的cnpm(gzip压缩支持)命令行工具代替默认的npm)

如何用别人的css样式

如何用别人的css样式使用别人的css样式首先需要引入,引入到自己的HTML文档中,主要有两种方式。1、下载别人的css样式,通过link标签引入。打开网站,按下f12打开开发者工具面板,选中Sour

如何用css做导航栏?

如何用css做导航栏?1、新建一个html文件,在head部分,编写css样式○list-style-type:none;是除掉导航前面默认带的点○lia,lia.active,lia:hover:n

Java的Lambda表达式有何用处?如何使用?

本文转载自知乎,之前刚接触到Lambda表达式,看了好多文章,看完也还是一脸懵逼,后来刷知乎刷到这篇文章,顿开茅塞,让我明白了Lambda表达式到底是个啥,咋用。最重要的是第一点,知道了这个,其他的要

怎么下载安装react?

1、首先,要安装Node.js及NPM。可以去官网下载最新的版本:https://nodejs.org/下载好之后一直点击下一步,安装完成!!!查看安装情况:按下win+r键打开运行,输入cmd回车,

NPM 常用命令

源: 设置加速源:npmconfigsetregistry=:{uri}可选源:https://registry.npm.taobao.org, 配置: 设置:npmconfigset[--gl

NPM run watch-poll 一直报错求解

按照教程的操作 第一步删除node_modules 第二步yarnconfigsetregistryhttps://registry.npm.taobao.org 第三步yarninstall--no