React 安装跟使用 以及配置环境

最新推荐文章于 2023-03-15 19:50:34 发布
最新推荐文章于 2023-03-15 19:50:34 发布
阅读量526 收藏 1
点赞数
分类专栏： React 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rick_and_mode/article/details/108272332
版权

React基础

脚手架

安装

npm install -g create-react-app

查看版本

create-react-app --version

创建项目

create-react-app my-app

进入项目目录

cd my-app

安装必要依赖


npm install

运行`

npm start

开发者工具

React-developer-tools使用和安装

(一般能在本地运行的小型项目开发者工具不需要安装)

React的组件

官网地址：https://react.docschina.org

外下羊.
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React 安装
qq_39233028的博客
11-06 344
一、安装 1.安装nodejs :下载 | Node.js 中文网 建议安装nodejs稳定版本（最新版本安装要求window8.0以上版本） 2.安装cnpm:http://npm.taobao.org/ npm install -g cnpm --registry=https://registry.npm.taobao.org 3.用yarn替代npm yarn的安装： 第一种方法：参考官方文档https://yarn.bootcss....
react安装
ss7379829的博客
06-27 287
jspm 里面自带SystemJS可以加载javascript的模块，Babel可以去编译js，也会吧jsx格式的代码编译js安装完jspm后先安装react，@符号后面是指定具体的版本，可以没有。然后安装react-dom想用一下semantic-ui里面的样式，这个不是react必须的，可以安装也可以安装想在项目中直接导入semantic-ui的样式所以需要一个css的插件，所以导入这个插件然...
react 安装 配置
南北极之间
07-02 190
安装： mkdir react-demo1 cd react-demo1 npm init --yes 安装3个内容： cnpm i --save react react-dom @babel/standalone 安装成功后，结构： ********************************************************** &...
react的安装和环境配置
wangcuiling_123的博客
09-06 905
一：首先我们需要用到npm来管理react，所以我们需要先安装 node和npm，安装好后在cmd控制台输入 node -v npm -v 检测是否安装成功，成功后显示安装版本 二：接下来就是安装react了，首先找到你项目所在目录， 建立一个React 文件夹，进入后，在当前文件夹下打开cmd(在文件夹内，按住shift键，点击鼠标右键选择在此处打开命令行)，输入 npm init -
React 入门小册(一)安装和配置React开发环境
最新发布
weixin_42657666的博客
03-15 251
在Windows或Mac上下载并安装Node.js之后，打开命令行或终端来验证是否已成功安装。输入node -v，如果显示版本号，则代表已成功安装Node.js。在创建一个新的React应用之前，我们还需要全局安装create-react-app插件（使用node）, 命令行输入。在开始开发React之前，需要安装Node.js和一个好的代码编辑器（比如Visual Studio Code）。这将创建一个名称为my-app的React应用程序，并启动开发服务器以在浏览器中运行react app.
使用 React和webpack开发和打包发布
weixin_34009794的博客
05-13 185
建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本次使用 webpack。 第一步、安装全局包 $ npm install babel -g $ npm install webpack -g $ npm install webpack-dev-server -g 第二步、创建根目录 创建一个根目录，目录名为：reactApp，再使...
VSCode配置react开发环境的步骤
08-28
VSCode 配置 React 开发环境的步骤 本篇文章主要介绍了 VSCode 配置 React 开发环境的步骤，旨在帮助开发者快速搭建 React 开发环境。下面是 VSCode 配置 React 开发环境的步骤： 一、安装 ESLint 插件 在 VSCode...
VSCode 配置React Native开发环境的方法
08-28
本文介绍了如何使用 VSCode 配置 React Native 开发环境，包括安装 VSCode 和插件、安装 React Native CLI、配置调试环境和 launch.json 文件的配置选项等。遵循本文的指导，您可以轻松地配置 VSCode，以便更好地...
详解使用WebPack搭建React开发环境
10-16
接下来，安装Webpack和React相关的库，使用命令`npm install webpack --save-dev`来安装Webpack，并用`npm install react react-dom --save`来安装React和react-dom。 为了实现React组件的渲染，我们需要创建入口...
安装配置React
qq_40625543的博客
09-09 164
提醒：这是在已经安装好node.js下的教程。 使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 下载（npm也可以） cnpm install -g create-react-app 创建项目并运行 create-react-app my-app 创建名称为my-app的项目 cd my-app npm start 运行项目 ...
react.js完整安装包
06-05
压缩包中为 react-15.3.2 版本的相关文件以及一些示例，该文档由react官网下载，更多版本的文档请访问官网。
react的安装
qq_56463914的博客
12-29 426
1.打开dos窗口，输入 npm i -g create-react-app 2.创建react项目 3.运行项目 npm start 运行后，浏览器中出现此页面，就证明安装成功
React安装篇
【冯立雄】的博客
09-10 297
1.设置npm镜像代理 npm config set registry https://registry.npm.taobao.org 查看是否成功 npm config get registry 或者 npm config ls 1.安装create-react-app 安装node.js 查看node版本 node -v 全局安装create-react-app npm install...
React安装教程
wmengnemw的博客
01-25 1119
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
react安装篇
纵横四海的博客
07-09 1566
1.首先安装npm 我是直接安装nodejs就会自动安装了的，环境是mac➜ portal git:(master) ✗ node -v v6.11.0 ➜ portal git:(master) ✗ npm -v 3.10.10 你也可以手动安装参考这里 2.接下来 就可以安装react了,详情请参考官网npm install -g create-react-app create-
react简单安装
qq_43505774的博客
05-14 154
基于webpack4.x的配置 react 是加载组件生命周期 react-dom是把虚拟dom渲染出界面 安装webpack-dev-server 热更新 在package.json中配置 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open 可以加浏览器 --port 3000 --hot --host 1
安装React教程
weixin_45428910的博客
11-17 2419
安装React教程
React第一步：安装
qq_41442428的博客
07-24 155
作为一名刚出来的应届生，若想在以后前端路上越走越高的话，就必须得不断广泛去学习前端代码，前期是广泛学习，中期深入理解，后期掌握思想。 react的安装 第一步：安装react-app npm install -g create-react-app 第二步：创建文件名my-app create-react-app my-app 第三步：进入到my-app目录 cd my-app 第四步：运行环境 npm start 在运行第二步的时候，有时候会出现一些问题，因为React他对node的版本的有一定的要求。
React 安装及简单用法 （一）
why15937448697的博客
12-29 2183
react的安装和基本使用
React Native入门：环境配置与核心组件解析
2. 下载并配置Android环境，包括安装SDK，设置ANDROID_HOME环境变量，以及添加相关路径到系统PATH变量。 3. 安装Node.js，并通过npm配置全局包目录和缓存目录，同时可以指定使用淘宝镜像以加快国内的包下载速度。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值