React安装 环境搭建——[详细教程](create-react-app安装教程）

最新推荐文章于 2024-05-25 06:00:00 发布
最新推荐文章于 2024-05-25 06:00:00 发布
阅读量7.3k 收藏 16
点赞数 4
分类专栏： React框架相关知识 文章标签： reactjs 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45600332/article/details/106658490
版权
React安装
1.1安装node.js

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

node.js官网地址

如果是V10.16.0最新版本，也可以点这个链接直接下载这个。

https://nodejs.org/dist/v10.16.0/node-v10.16.0-x64.msi
下载好之后一直点击下一步，安装完成！！！

cmd打开命令提示符：
检测版本 输入：node -v

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

检测npm版本 输入：npm -v

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

1.2.安装淘宝镜像cnmp

由于npm 安装太慢 所以使用cnmp。

打开cmd，输入

//安装淘宝镜像cnpm
npm install -g cnpm --registry=https:/</
最低0.47元/天 解锁文章
月亮不说谎！
关注
  • 4
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React: Create-React-App
BLUEsang的博客
06-30 4187
Download Node.js https://nodejs.org/en/download/ create-react-app https://github.com/facebook/create-react-app 下载npm npm install 下载create-react-app npm install create-react-app 名称 可加版本号： npm install create-react-app react-complete-guide --script-version
react.js完整安装包
06-05
压缩包中为 react-15.3.2 版本的相关文件以及一些示例，该文档由react官网下载，更多版本的文档请访问官网。
React开发环境配置详细讲解-04
最新发布
编程是一门实践技术
05-25 2383
1. **nvm**：需要最先安装，用于对node.js解释器进行管理，相当于node.js的版本管理器，因为React开发需要node.js的支持； 2. **node.js**：安装好nvm后就需要安装node.js了，它可以理解为java的jdk；在React开发中可以理解为React的运行环境； 3. **npm**：React开发需要依赖各种不同的三方库，npm就是用于下载不同的三方库用，可以理解为java开发中的maven； > - cnpm：功能同npm，因为npm的库包服务器在国外，下载速
安装create-react-app教程及简单配置
wang_9909的博客
12-03 3819
create-react-app，是一个很好的脚手架。 react入门的最佳选择。
React安装 create-react-app
xiao980522的博客
09-01 330
1.修改 npm 下载源 1.查看当前的下载源 npm config get registry 2.修改下载源为淘宝景象源 npm config setregistry https://registry.npm.taobao.org 2.安装 create-react-app cnpm i create-react-app -g 检测create-react-app是否安装成功 create-react-app --version ...
ReactOS安装
weixin_34221112的博客
12-06 447
第一次看到的界面 （语言不要选择中文否则会乱码） 选择是否安装ReacOS创建分区只支持fat格式格式化。。。 是否安装引导程序安装完成需要重启重启后的界面 从以上安装过程来看。几乎跟windows安装没什么区别！ 转载于:https://www.cnblogs.com/eping/archive/2009/12/06/1618050.html...
React安装教程
wmengnemw的博客
01-25 1109
React安装React安装步骤开发环境搭建开发工具node.js 安装webpack安装yarn安装模板项目下载创建项目并启动 React安装步骤 React脚手架开发所需的软件安装教程。 react官网： https://react.docschina.org/ 开发环境搭建 开发工具 Visual Studio Code：：官网直接下载链接: https://code.visualstudio.com/ node.js 安装 Node.js 官方网站下载：https://nodejs.org/e
create-react-app安装出错问题解决方法
01-19
create-react-app慢的解决方法 在操作官方实例Create React App时,需要执行指令： create-react-app my-app 来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill ...
详解使用create-react-app快速构建React开发环境
12-10
最近在折腾react开发，总结一个react环境搭建的教程，写得比较细碎，基本上就是自己的搭建步骤了，希望能够帮助到有需要的小伙伴。 常用的脚手架 react-boilerplate react-redux-starter-kit create-react-app...
create-react-redux-app：基于create-react-app的React样板
02-05
创建React Redux应用 该项目是通过。 该项目包括额外的redux软件包和改进的文件结构。...git clone git@github.com:YUzhva/create-react-redux-app.git NEW_PROJECT_NAME # with HTTPS git clone https://g
npx create-react-app xxx创建项目报错的解决办法
11-21
手头有一台大学时代的Windows电脑，它此前没有装过create-react-app，只装了node环境。版本信息：node -> 10.16.3，npm -> 6.9.0。前几日闲的无事想给它装个React，结果失败了，报了错，所以有了下面这出。 安装过程...
react-创建react应用的Cli工具createreactapp的可配置版本
08-15
roadhog 是一个 cli 工具，提供 server、 build 和 test 三个命令，分别用于本地调试和构建，并且提供了特别易用的 mock 功能。命令行体验和 create-react-app 一致，配置略有不同，比如默认开启 css modules，然后还提供了 JSON 格式的配置方式。
react全套资源
03-23
react全套资源，小白教程，完整源码 react全套资源，小白教程，完整源码 react全套资源，小白教程，完整源码
如何安装Create React App
星球奋斗者
03-02 1476
React作为Web开发的重要技术，既可以在浏览器端运行，也可以通过nodejs在服务端渲染，思想非常独特，性能出众，可以写出重复代码少，逻辑清晰的前端代码，深受Web开发工程师的喜爱。
React安装教程【超详细】
热门推荐
孙婷婷的博客
07-14 3万+
前言：本人学到React时，在第一步安装上面就走了不少弯路，在网上各种查找文章，反复安装了好几次，还不小心误删了nodejs里的一些文件，吃了不少苦头，今天把完整的步骤记录下来，一步弯路也不用走，看着这个文章，可以完全的安装成功！！！ 1.首先，要安装Node.js 及 NPM 。 可以去官网下载最新的版本： https://nodejs.org/ 我用的是V10.16.0最新版本，也可...
React 之 React安装
youhebuke225的博客
04-19 856
安装 使用create-react-app搭建项目 使用vite搭建项目 点击 安装提示运行命令，我们就搭建起了一个简单的reactApp
create-react-app3.0.0 react脚手架新版
qq_42894094的博客
05-10 609
阔别一年多，重新捡起react项目，发现改变了不少，有点看不懂了怎么破！ 最大的变化，第一点：react和vue3.0一样隐藏了webpack相关配置，导致很多小伙伴心里没有底，哈哈哈哈！我也是一摸一样的，感觉无从下手的样子 首先说一下react的webpack可以通过运行npm run eject暴露出来， 如图,会多出两个文件夹，config和scripts 我们不关心scripts中的东西，...
react create-react-app脚手架安装及查看版本
u014678583的博客
12-26 9372
create-react-app是业界最优秀的 React 应用开发工具之一，也就想相当于vue 的vue-cli。 查看create-react-app版本 create-react-app -V or create-react-app --version 安装及创建项目 // 全局安装 npm install -g create-react-app // 检查有没有安装成功，成功的话会返回一个版本号 create-react-app -V //构建一个react的项目antd-dem..
ReactOS 代码更新后的编译安装
weixin_30888707的博客
06-26 244
其实四月份就已经更新过了，最新版应该是0.4.11+，具体去GITHUB上去看。 至于编译，其实在最早的0.2版本时代，ReactOS就曾经给出过一套完整的编译方式， 并且给出过一个完整的编译环境，版本是2.1.6，目前还可以用， 这里就开始说明编译方法。 其实具体的编译方法，在其官网有详细的英文解释，但是太墨迹。。。 https://reactos.org/wiki/...
create-react-app 安装vconsole
01-13
根据提供的引用内容，可以通过以下步骤来演示如何在create-react-app项目中安装vconsole： 1. 首先，确保你已经在项目中安装了create-react-app。如果没有安装，可以使用以下命令进行全局安装： ```shell $ yarn global add create-react-app ``` 2. 创建一个新的create-react-app项目： ```shell $ create-react-app react-demo ``` 3. 进入项目目录： ```shell $ cd react-demo ``` 4. 安装vconsole依赖： ```shell $ yarn add vconsole ``` 5. 在项目的入口文件（通常是src/index.js）中引入vconsole： ```javascript import VConsole from 'vconsole'; // 初始化vconsole new VConsole(); ``` 6. 运行项目： ```shell $ yarn start ``` 现在，你的create-react-app项目中已经成功安装并使用了vconsole。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值