创建react项目

最新推荐文章于 2024-08-27 16:06:51 发布
最新推荐文章于 2024-08-27 16:06:51 发布
阅读量153 收藏
点赞数
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44768564/article/details/108865177
版权

之前搭建reactnative环境node.js、cnpm、npm、yarn都安装好了，
所以下面只是查一下版本。

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装yarn

cnpm install -g yarn

安装脚手架工具

cnpm install -g create-react-app

在这里插入图片描述
配置好后就运行指令：

create-react-app reactdemo   /*reactdemo为创建项目的文件夹名*/

在这里插入图片描述
在这里插入图片描述
然后运行
npm start或yarn start
在这里插入图片描述

在这里插入图片描述

汪酱～
关注
【React】9、使用create-react-app（CRA）创建react项目
Coding and studying
06-01 1067
第一步，全局安装：第二步，切换到想创项目的目录，使用命令：第三步，进入项目文件夹：第四步，启动项目：你当然可以选择不全局安装你可以直接执行这样可以不安装create-react-app而直接创建你的脚手架项目你还可以执行创建一个支持TS语言的react脚手架项目。当看到这个界面在你的浏览器里自动打开的时候，你的脚手架项目就已经创建好了～ ---- 静态资源文件夹src ---- 源码文件夹App.css -------- App组件的样式App.test.js ---- 用于给App做测试index.css
脚手架创建react项目流程
We_990528的博客
06-28 655
注意: 在使用 create-react-app 来创建一个新的React应用，在拉取各种资源时,往往会非常慢,一直卡在那,因为资源还是使用了 npm下载的, 我们可以换成淘宝的资源, 执行指令。2, 在组件jsx导入样式文件时使用 import styles from './xxx.module.css' 导入 代替 import './xxx.css'1, 创建组件样式文件时以 xxx.module.css命名, 例如 Home.module.css 代替 Home.css。
创建你自己的React
a15061877468的博客
06-19 481
1.(Didact)一个DIY教程:创建你自己的react 1.1 引言 2.渲染dom元素 2.1 什么是DOM 2.2 Didact元素 2.3 渲染dom元素 2.4 渲染DOM文本节点 2.5 总结 3.JSX和创建元素 3.1 JSX 3.2总结 4.虚拟DOM和调和过程 4.1 虚拟DOM和调和过程 4.2 实例(instance) 4.3 重构 4.4 复用dom节...
react创建新项目教程（超简单，一看就会，最新详细）
最新发布
weixin_66071584的博客
08-27 1281
新建react项目初始化教程，报错找不到模块“./App”或其相应的类型声明。react啥都没有，你需要下载react-router-dom，用pnpm 或者npm yarn都行。，npm的命名限制规定名字不能包含大写字母），创建成功后cd 进入刚刚创建的目录。到这里React项目创建成功，如果额外的项目初始化可以往下操作。exercise是你需要创建的文件名（自定义，重新创建src目录/index.tsx。重新创建src目录/index.tsx。解决：在命令行中输入以下命令来找到。
yarn创建react项目
qq_40273756的博客
12-05 6839
yarn创建react项目 1.安装yarn https://yarnpkg.com/zh-Hans/docs/install 2.创建项目及安装antd 在cmd下输入“npm install create-react-app yarn -g” 在指定项目目录下输入 create-react-app your_project_name 例如“create-react-app react_t...
使用IDEA创建的一个简单的react项目
07-25
- 首先，确保已经安装了Node.js，因为创建React项目需要用到npm（Node包管理器）。 - 打开IDEA，选择"Create New Project"，在左侧的列表中找到"JavaScript"，然后选择"React"模板。 - 按照向导设置项目名称、...
创建React项目
m0_68459717的博客
04-22 1600
win+R键打开cdm npm install -g create-react-app 全局安装 D:\webstormworkspace>npm install -g create-react-app npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap. change...
创建react项目时遇到的报错
qq_45429539的博客
02-04 4531
创建react项目时遇到的报错 百度到的第一个方法： 1.执行npm install -g create-react-app全局安装 2.执行npx create-react-app myapp创建项目 结果控制台打印： (node:18924) ExperimentalWarning: The fs.promises API is experimental You are running `create-react-app` 4.0.1, which is behind the latest relea
react项目创建
weixin_54522911的博客
07-19 143
如何创建一个完整的React项目项目创建前置准备工具项目创建 项目创建前置准备 工具 首先我们要创建一个Gitee仓库 创建完成之后选择SSH，然后复制链接 通过Git Bash Here工具将线上仓库克隆到我们本地 git clone为我们的克隆命令，后面是我们复制的仓库地址 这时候我们的项目前置工作基本完成 项目创建 线上仓库拉到我们本地之后，我们打开我们拉取的文件 cd为文件打开命令，后面是文件名 打开之后，输入npx create-react-app xx 以此来创建我们的项目xx是我们的项目名
React学习一：创建React项目
qq_39101260的博客
06-20 500
【代码】React学习一：创建React项目。
React -- 创建react项目
bobobocai的博客
08-28 188
前置条件 node npm 全局安装 npm install -g create-react-app create-react-app 文件夹名 运行：npm start
创建一个 react 项目
weixin_44589540的博客
05-05 169
前置条件：已安装node.js 还没有安装可以参考以下链接： 菜鸟教程——Node.js 安装配置 注意：以下命令的执行需要管理员权限，如果使用VS Code进行开发，可以右键快捷方式，选择以管理员方式运行。 1.安装脚手架 npm install -g create-react-app -g表示全局安装 2.用脚手架工具初始化一个项目模板 create-react-app 你的项目名称 3.进入文件夹，启动页面查看效果 cd 你的项目名称 npm start 看到此页面说明创建 react 项目成功
创建react的项目
qq_38903404的博客
09-07 135
React介绍 react、vue、angular俗称前端框架三驾马车 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了 React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图） react 和 vue 的区别
创建一个React项目
醉酒的李白、的博客
08-17 1023
创建一个React项目 安装 Node.js 到官网下载最新版本 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 创建React项目 1.npm端口设置 比如端口号地址是http://csdn.net:9090 npm config set proxy=http://csdn.net:9090 2.安装脚手架工具 npm install -g create-react-app 或者 cnpm install -
创建一个react项目
qq_45272329的博客
02-14 954
写了许久的Vue了，现在准备写个React后台项目来练练手，首先第一步创建一个React项目。第一步肯定需要安装node开发环境，这个可以看这篇文章。 创建React项目，第一步需要安装node.js，因为之前我已经开发Vue，所以node环境是OK的，执行以下命令，全局安装React脚手架命令： $ npm install -g create-react-app 在全局安装的过程中，如果出现React脚手架版本必须在1x.x.xx以上，目前版本是9.x.xx，需要升级node提示的时候。这时候千万不
webstorm创建react项目
09-13
在WebStorm中创建React项目，可以按照以下步骤进行操作： 1. 打开WebStorm，并点击主界面的 "Create New Project" 或者 "New Project" 按钮。 2. 在弹出的对话框中，选择左侧的 "React" 并点击 "Next"。 3. 在下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值