react开发环境准备

最新推荐文章于 2022-09-25 16:16:41 发布
最新推荐文章于 2022-09-25 16:16:41 发布
阅读量175 收藏 1
点赞数
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mini74/article/details/104557002
版权

如何创建一个react文件

首先需要下载node.js，打开cmd输入node-v如果输出以下则表示正确安装！
在这里插入图片描述
在cmd中输入 npm install create-react-app -g，即可安装react

create-react-app todolist，即可创建一个todolist的文件夹
在这里插入图片描述
cd todolist，进入todolist的文件夹
最后执行npm run start，即可打开页面，如果这时候你看到页面，表示你已经建好了一个react文件

工程目录文件简介

在这里插入图片描述

mini74
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
重学react基础整理——环境准备（一）
埃尔斯的博客
05-24 187
环境准备 （1）直接使用官方提供的浏览器编辑方法，在浏览器中编辑代码，可以直接编码试一试。浏览器编码地址 （2）搭建本地开发环境。 a、这个需要安装node环境（如果没有安装node环境可直接去node官网下载），下载完后直接点击安装，直接下一步，下一步就好。 b、 安装完后，到cmd 控制台直接输入：node -v 如出现下面结果就表示安装成功，只是每个人的版本号不同而已，我的是14.15.1，列位的可能为其他版本号。 c、到自己想要开发项目的目录下打开cmd控制台，即直接到该文件夹路径那里直接输入cm
react开发环境搭建
qq_57112519的博客
11-20 847
react开发环境搭建 一、开发环境搭建 1.react核心包 包含react的核心代码 2.react-dom包 react面向浏览器的想关核心代码 3.babel包 把浏览器不认识的代码翻译成浏览器认识的包 二、初始化项目 npm init -y 三、下载依赖包 npm i --save react react-dom babel-standalone 四、引包 1、在本地模式引包 注意：必须严格按照顺序使用，先引react 在引react-dom 引入react核心包 <script
react之旅（一）环境准备
letianxf的博客
07-15 388
本文主要讲解了react项目编写前的准备工作，包括git安装，nodejs的安装，react如何启动一个新的项目。 一、windows环境安装git 在giit 官网https://git-scm.com/download/win下载git的安装包，一路next即可 下载过程中可能会碰到下载超慢的问题，可以利用迅雷进行下载。 二、window环境nodejs的安装 在nodejs官网http://nodejs.cn/download/下载.msi的windows安装包，一路next即可。 .msi和.z
记录笔记(1-3)——搭建React开发环境之前的准备工作
小李科技
12-29 385
前面是一些项目的基本配置 搭建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替代npm yarn的安装： 第一种方法：参考官方文档https://yarn.bootcss.com/
准备一套React环境
最新发布
tangfuling1991的博客
09-25 1344
准备一套React环境
react-native开发环境搭建
jaywen1989的博客
09-10 195
1. 安装 Android Studio 首先下载和安装 Android Studio，国内用户可能无法打开官方链接，请自行使用搜索引擎搜索可用的下载链接。安装界面中选择"Custom"选项，确保选中了以下几项： Android SDK Android SDK Platform Performance (Intel ® HAXM)(AMD 处理器看这里) Android Virtual...
React Native 搭建开发环境的方法步骤
08-29
React Native 搭建开发环境的方法步骤 React Native 是一个基于 React 的框架，用于构建跨平台的移动应用程序。为了开始使用 React Native 开发应用程序，需要先搭建开发环境。本文将详细介绍 React Native 搭建...
React Native搭建iOS开发环境
09-01
iOS开发环境准备： 1. 需要安装Xcode 7.0及以上版本，用于iOS应用的开发、编译和调试。 2. 使用npm全局安装react-native-cli，这是React Native的命令行工具。 3. 初始化React Native项目：通过react-native-cli创建...
详解如何用webpack4从零开始构建react开发环境
01-19
项目文件准备： 执行npm init,然后创建如下图所示的文件。 在index.html里面添加 <!DOCTYPE html> <html> <head> <title>The Minimal React Webpack Babel Setup</title> </...
react-一步一步搭建一个react项目环境
08-14
在本文中，我们将深入探讨如何一步一步地搭建一个React项目环境，包括使用React和Webpack的基础配置。React是一个流行的JavaScript库，用于构建用户界面，而Webpack是一个模块打包器，它能够管理和优化项目的依赖...
[React] 1.React开发环境准备&工程目录简介
u014627255的博客
02-17 264
一、 开发环境的准备 确保已经安装过Node，这里具体方法不赘述 用脚手架创建App 1）进入react的官网：React官网,点击‘Get Started’按钮 点击右侧‘Create a New React App’后跳转页面 3）依次运行三个命令 项目运行后显示如下： 二、工程目录 .gitignore: 配置不想上传到git上的文件 node_modules: 项目依赖的所有第三方类库（npm install / yarn install之后自动生成） public下的fa
React开发环境准备
程序员哆啦A梦，蓝胖子
12-15 1323
作者 | Jeskson 来源 | 达达前端小酒馆 React.js简介： React JS写网页效果，ReactNative写原生的app应用了。 React.js是facebook推出的，2013年开源的，是函数式编程，使用较多，有健全的文档与完善的社区。 开发环境搭建： 引入.js文件来使用React 使用脚手架工具来编码 安装依赖文件： import React from ...
React学习系列一开发环境准备
每天进步一点点儿
12-01 240
环境准备： 安装nodejs  最好安装稳定版本 网上方法很多 安装cnpm（淘宝镜像）一句话 npm install -g cnpm  --registry=https://registry.npm.taobao.org 安装yarn cnpm install -g yarn  或者 npm install -g yarn 搭建环境方法 方法一： 1、用 create-react...
React Native环境配置搭建（史上最详细教程）
热门推荐
m0_65892856的博客
05-21 1万+
安装RN环境卡了我好久，在网上搜了很多都不全遇到很多问坎儿，时至今日我终于装好了，打算写一个详细过程造福大众，也算是对自己总结更深层的记忆。 1.首先看官网React 注意要点：必须要有node，javaJDK和AndroidStudio。 再分别看这三者的条件： （1）node必须在14以上，可以去[ node官网](http://nodejs.cn/)下载，我这里用的是NVM。 NVM教程 搞好之后检查：cmd执行命令： node -v ![image.png](https:...
React环境的准备
CJXBShowZhouyujuan的博客
03-10 257
React环境的准备 使用脚手架 先安装nodejs 全局安装：npm i create-react-app -g 创建项目：创建react项目：create-react-app &lt;项目名称&gt; 安装失败可切换到淘宝镜像上： –registry=https://registry.npm.taobao.org // 全局安装 npm i create-react-app -g --...
一、React简介及开发环境准备
weixin_44568074的博客
11-18 191
一、React简介及开发环境准备 1. React简介 React是Facebook在2013推出的开源的前端开发框架，它带来了一种全新的函数式编程风格。目前React.js是全球范围内使用人数最多的前端框架，它也拥有健全的文档和完善的社区，中文文档比较落后，建议直接阅读英文文档。 我们会把16之后的react版本称之为React Fiber，因为在16版本中，react底层在事件循环中加入了优先级等概念，可以在事件循环的碎片时间执行一些高优先级的用户交互，提升用户体验。 与vue.js对比，react
React安装 环境搭建
hahahhahahahha123456的博客
05-02 3119
1.安装nodejs 首先要安装nodejs，可以直接到node官网下载安装。安装完成后，打开cmd ，输入node -v 查看是否安装 。npm工具也会随node一起自动安装，使用npm -v 查看。2.安装淘宝镜像cnmp由于npm 安装太慢 所以使用cnmp。打开cmd，输入[html] view plain copynpm install -g cnpm --registry=https:...
【React】开发环境准备
Echo的博客
10-22 152
React-开发环境准备 一、 使用React.js有两种方式： 引入.js文件来使用React 通过脚手架工具来编码：官方提供 Create-react-app 常用脚手架工具有：gulp、Grunt、webpack 二、使用脚手架Create-react-app React 先安装node和npm LTS表示稳定版本【建议】 Current表示当前最新版本 安装完打开命令行...
全民K歌实战：React Native开发与集成经验分享
5. **分别接入React Native到iOS和Android**：讲解了如何在build.gradle文件中添加编译依赖项，配置NDK环境，并集成React Native的Android和iOS组件。 6. **初始化React Native和JsBundle**：介绍了在iOS和Android...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值