React开发环境安装教程

最新推荐文章于 2024-05-25 06:00:00 发布
置顶 最新推荐文章于 2024-05-25 06:00:00 发布
阅读量491 收藏
点赞数 1
分类专栏： React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Augustine_Cyq/article/details/105660270
版权
本文详细介绍了在Windows 10上安装Node.js、配置Node环境、使用VScode作为开发工具、设置npm淘宝镜像源、安装Yarn以及搭建React脚手架的步骤，旨在帮助开发者快速建立React开发环境。
摘要由CSDN通过智能技术生成

1.安装Node(以Windows 10为例)

网址：https://nodejs.org/zh-cn/

 

下载完成后，双击“node-v（版本号）.msi”，开始安装Node.js

然后就一直 Next到最后Finish就OK啦~

 

至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置；在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口；

 

安装完后的目录如下图所示：<

最低0.47元/天 解锁文章
Augustine_Cyq
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react安装环境步骤
qq_41521625的博客
12-15 1183
react安装环境步骤 1.下载node.js 官网下载地址：https://nodejs.org/zh-cn/download/ 如果更改了默认安装位置，那么需要配置环境变量，NODE_PATH，变量为node.js的安装路径 2.cmd查看是否安装好 node -v ``````bash npm -v 3.npm很慢，安装淘宝的镜像文件。 npm install -g cnpm --registry=https://registry.npm.taobao.org 4.安装成功后，可以键入cnpm
React Native 环境搭建的教程
08-29
在本篇文章中，我们将详细介绍 React Native 环境搭建的教程，帮助大家快速上手 React Native 开发。 环境搭建 要搭建 React Native 环境，需要安装 Node、Watchman、Yarn 和 RN 命令行工具。推荐安装 react-...
React安装开发环境
前端-尔嵘
05-12 189
1.node.js node -v 2.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org npm config set registry https://registry.npm.taobao.org 3.cnpm安装 npm install -g create-react-app 创建项目 create-react-app hello-react 进入项目 cd hello-rea...
React开发环境配置详细讲解-04
最新发布
编程是一门实践技术
05-25 2561
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的库包服务器在国外，下载速
React环境安装
Android 学习笔记
06-12 172
环境搭建 1:安装node.js(JavaScript 运行环境) 2:安装npm(包管理工具) 3:脚手架的安装，也就是react官方提供的基础工程 npm install -g create-react-app 4：demo01的工程创建 create-react-app demo01 4:snippet插件安装，这个是代码补全器或者叫模板也可以叫快捷方式，这个工具是程序员提...
react环境安装
qq_35070932的博客
06-29 104
Webpack Webpack是一个现代的JavaScript应用程序的静态模块打包器（module bundler）。当webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency graph），其中包含应用程序需要的每个模块，然后将所有的这些模块打包成一个或多个bundle。 环境安装 全局安装create-react-app $ npm install –g create-react-app 创建一个项目 $ create-react-app your-app 注意...
VSCode配置react开发环境的步骤
08-28
VSCode 配置 React 开发环境的步骤 本篇文章主要介绍了 VSCode 配置 React 开发环境的步骤，旨在帮助开发者快速搭建 React 开发环境。下面是 VSCode 配置 React 开发环境的步骤： 一、安装 ESLint 插件 在 VSCode...
详解使用create-react-app快速构建React开发环境
12-10
最近在折腾react开发，总结一个react环境搭建的教程，写得比较细碎，基本上就是自己的搭建步骤了，希望能够帮助到有需要的小伙伴。 常用的脚手架 react-boilerplate react-redux-starter-kit create-react-app...
React Native 搭建开发环境的方法步骤
08-29
在开始搭建 React Native 开发环境之前，需要先确认是否已经安装了 Node.js。如果已经安装了 Node.js，则可以跳过这步骤。如果尚未安装 Node.js，可以从 Node.js 官方网站下载并安装。 安装 create-react-native-...
react 搭建开发环境
朝阳39的博客
06-10 423
下载安装最新版 node.js若已安装过node.js，请检查版本是否满足需求 若版本过低，则重新安装最新版即可。在用于创建 react 项目的文件夹中打开终端，执行命令 若提示是否安装 create-react-app，则输入 y 后按回车即可。若出现以下报错 则需先使用以下命令清除缓存后重试 项目创建成功后，会得到 用 vscode 打开文件夹 my-app1，在NPM脚本中启动项目 浏览器中访问 http://localhost:3000/ 至此证明项目创建成功！在第2步中，已介绍了使用vsc
React.js 环境安装
MySunshine07的博客
09-27 341
安装 React.js        React.js 单独使用基本上是不可能的事情。不要指望着类似于 jQuery 下载放到 &lt;head /&gt; 标签就开始使用。使用 React.js 不管在开发阶段生产阶段都需要一堆工具和库辅助，编译阶段你需要借助 Babel；需要 Redux 等第三方的状态管理工具来组织代码；如果你要写单页面应用那么你需要 React-router。这就是所谓的...
React环境搭建
weixin_47075145的博客
11-18 6347
这里面包含了react项目中会用到的一些组件，install的时候下载下来的，你可以进去看看，有一些如base64之类的我们可能会用到的组件，或者一些第三方库；：让目录结构更易懂:接下来，我们改动一下src里面的内容和结构，让首次接触react的小伙伴尽量能觉得他有点亲切的感觉，事实证明，越亲切的事物我们越希望去接近。：里面包含了一些我们自己使用的js文件，css文件，img文件等等，但你打开src文件夹你会发现很混乱，不要管什么app.js，你就看到。，并且这也是react工程的。
windows安装react开发环境
仲羊的博客
11-21 687
参考文章https://www.cnblogs.com/jianan/p/9564259.html node官网https://nodejs.org/en/download/ Windows64下载连接https://nodejs.org/dist/v14.15.0/node-v14.15.0-x64.msi 点击安装，一路next 配置环境 $ npm install -g cnpm --registry=https://registry.npm.taobao.org $ npm con...
搭建 React 开发环境
大灰狼的小绵羊哥哥的博客
02-20 365
初始化 创建文件夹并进入： $ mkdir tristana && cd tristana 初始化package.json $ npm init 安装Webpack $ npm install webpack webpack-cli --save-dev 创建以下目录结构、文件和内容： project tristana |- package.json |- /dist |- index.html |- /script |- webpack.confi..
初学者安装react 开发环境
灵感来自小西装
07-07 720
步骤 1，安装VSCode开发工具 下载地址：https://code.visualstudio.com/ 2，安装node.js 下载地址：https://nodejs.org/zh-cn/download/ 3，配置 开始行动： 1，安装VSCode：安装时直接按默认下一步，因为初学，默认的话能省些麻烦 2，安装node.js：安装时直接按默认下一步，因为初学，默认的话能省些麻烦 3， 3.1，查看我们的node.js的安装路径 3.2，win+x后选管理员打开 3.3，...
搭建React开发环境
semoon的博客
05-06 155
搭建React开发环境 1.搭建React开发环境之前的准备工作 1、必须安装nodejs 注意：安装nodejs稳定版本 2、安装cnpm用cnpm替代npm 地址：http://npm.taobao.org/ 安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 3、用yarn...
VSCode配置React开发环境教程
"VSCode配置React开发环境及TCP聊天程序设计" 在开发React应用程序时，Visual Studio Code (VSCode) 是一个广泛使用的高效编辑器，它提供了丰富的功能和插件来支持前端开发，包括React应用的开发。配置React开发...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值