（react 学习第一篇）react本地环境安装

最新推荐文章于 2024-01-28 15:23:19 发布
最新推荐文章于 2024-01-28 15:23:19 发布
阅读量1.5k 收藏
点赞数
分类专栏： 学习记录 文章标签： react react本地环境搭建 创建react项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chen_3010/article/details/71450639
版权

步骤一：

确定我们的react项目需要存放的路径， 我这里放在F盘react 下


步骤二：进入dos命令，进入到这个目录下 执行 npm install create-react-app -g  创建本地环境，如下：



步骤三：创建自己的react 项目  

最低0.47元/天 解锁文章
chen_3010
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
本地搭建React项目
weixin_43478936的博客
08-17 269
本地搭建React运行环境 前期准备 1.提前下载nodejs 注意: Node版本 >= 6 2.安装cnpm或者给npm设置淘宝镜像 目的是之后下载依赖能快点,省时 3.安装yarn 使用指令全局安装yarn npm install -g yarn 创建react项目 1.查看版本是否支持运行react项目 node>=6 npm >= 5.2 node -v npm -v 查看yarn是否安装成功 yarn -v 2.安装脚手架工具 npm install -g creat
ReactOS的中文本地化
weixin_30466421的博客
10-04 416
[分析环境reactos0.3.1，i386体系] ReactOS的中文本地化 (类似Windows操作系统源代码分析) 1 什么是ReactOS 1996年，一群开源软件开发者启动了一个名为 FreeWin95 的项目，旨在实现一个 Windows 95 的克隆操作系统。这个项目当时只停留在关于系统实现的讨论上。 到了1997年末，项目依旧没有进展。开发成员呼...
搭建React本地开发环境
小天才程序员的博客乐园
09-28 8657
文章目录npm方式npx方式 使用create-react-app搭建React本地开发环境 npm方式 全局安装create-react-app，如果已经安装就不需要了 npm install -g create-react-app create-react-app my-app npx方式 npx是npm v5.2.0之后引入的命令，其主要目的是为了调用内部安装的模块和避免全局安装 npx ...
小记本地安装React Devtools的方法
weixin_47541876的博客
10-08 182
git地址 https://github.com/facebook/react-devtools/tree/v3 一、下载安装包 然后我是用vscode打开该项目 在控制台（Terminal）先安装npm npm install 打开package.json可以看到以下命令 我们执行npm run build:extension:chrome命令安装谷歌的即可，出现如下图所示提示即表示已经成功 成功后会生成一个unpacked文件（react-devtools -> shells -> c
Preact的简单本地化。-React开发
05-27
preact-i18n Pre Preact的简单本地化。 微小：压缩后约1.3kb，支持字典和键范围/命名空间，同时维护全局字典。支持嵌套字典：包装comp preact-i18n:globe_showing_Americas:Preact的简单本地化。 微小：大约1.3kb，压缩后支持字典和键范围/命名空间，同时维护全局字典支持嵌套字典：将组件包装在默认字典和作用域键中（稍后在应用程序中）将其再次包装以覆盖默认值支持使用嵌套对象的字符串。 在定义值中支持模板{{fields}}有一个配套的ESLint插件，可帮助您及早发现错误。
react学习1
08-08
环境搭建是React开发的第一步。首先，你需要安装Node.js（版本至少为8.10）和npm（版本至少为5.6）。然后，你可以通过`npx create-react-app 项目名`命令创建一个新的React项目。由于国外源可能较慢，建议切换到国内...
react-native 好用的第三方组件1
08-08
在React Native应用开发中，第三方组件常常能极大地提高开发效率和用户体验。以下是对标题和描述中提到的一些关键React Native第三方组件的详细说明： 1. **tcomb-form-native**： `tcomb-form-native` 是一个专门...
第一React本地应用
02-14
第一React本地应用
react-native-emoticons：React本地表情（表情），包括emoji:beaming_face_with_smiling_eyes:
02-04
React本机表情React本地表情符号组件，包括表情符号最新截图示例安装npm install react - native - emoticons用法UI组件步骤1 导入组件包。 import Emoticons from 'react-native-emoticons' ; 第2步在页面渲染的...
react-native-audio-streaming：iOS和Android react本地模块播放音频流，具有后台支持和媒体控件
02-03
React本机音频流 不保留此项目 react-native-音频流不再被维护。 主要目的是使用元数据播放广播流，并在播放时显示通知。...第一步安装（适用于iOS和Android） $ npm install react-native-audio-stream
react-localization：该项目演示了如何在create-react-app中实现本地化
02-04
该项目使用create-react-app进行了启动，并演示了如何使用 （v2.8.0）对多种语言进行本地化 运行项目 yarn start 详细说明 在找到完整的解释
react 环境搭建之本地方法
mahongquan的专栏
07-12 798
一 标准方法 安装node,yarn yarn create react-app my-app cd my-app yarn start 环境搭建已经如此简单了,之后就是编写代码和调试. 二 local方法 另一种无需server的方法是利用electron和babel. 目录结构: my-app ├── .babelrc ├── package.json ├── main.js...
react学习输出一（搭建本地开发环境）
Sophiego的博客
07-23 340
学习react的开始，先来搭建一下本地开发环境 1、升级node.js（如果你的版本高。忽略此步） 注意：node >= 8.10 和 npm >= 5.6，如果node版本过低，安装无法成功（本人亲测，会删除创建的项目） 方法：windows环境下找到原来安装的路径，去官网下载更高版本的安装包，重新按步骤安装一遍，覆盖原来安装路径即可。 node -v 查看版本是否更新 2...
7个简单步骤来本地化React Native应用
weixin_26723981的博客
09-05 418
(this article is also available on RNTricks: https://www.rntricks.com/article/7-easy-steps-to-localize-your-react-native-app) (本文也可以在RNTricks上找到： https ://www.rntricks.com/article/7-easy-steps-to-loca...
react全家桶搭建本地环境
Angular_的博客
02-18 267
安装react基础架构： px create-react-app my-app cd my-app npm start 安装react-router： npm install react-router-dom --save 安装redux： npm install --save redux 同时安装其附加包: npm install --save react-redux npm ...
使用react第一步：搭建环境（webpack）
qq_17451827的博客
02-27 3580
项目中要用到react,在此总结一下流程。1.安装node.js2.新建一个根目录，名为myapp . 在这个目录下执行命令行npm init顺序输入name等信息此时package.json已生成。因为之后的webpack是本地安装的，所以需要修改一行代码，这样之后我们就能用命令行npm start来进行打包了。 "scripts": { "start": "webpack" },3...
React 中开发的常用的依赖包以及组件库
it_varlue的博客
09-23 515
小白入门React之安装篇
weixin_38203411的博客
02-01 4785
React 之起步安装篇
React基础安装、搭建、用法
最新发布
weixin_63918258的博客
01-28 3146
在tick中，通过使用包含当前时间的独享调用setState()来调度UI更新，告诉React状态已发生改变，并再次调用render()，更新时间、DOM；componentDidMount() 与 componentWillUnmount() 方法也被称作生命周期钩子，在组件输出到DOM后会执行componentDidMout()钩子，就可以在钩子上设定一个定时器，也称为挂载，this.timerID是定时器的ID，可以在componentWillUnmout()钩子中，在组件被卸载前卸载定时器。
React 教程第十篇 —— 路由（3.0）
05-20
在本篇中，我们将深入学习 React Router，并介绍一些更高级的用法。 ## 动态路由 在前面的教程中，我们已经学习了如何定义静态路由。但是在实际开发中，我们通常需要处理动态路由。例如，我们可能需要在 URL 中...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值