React创建&打开他人的React项目

最新推荐文章于 2023-08-06 15:51:08 发布
原创 最新推荐文章于 2023-08-06 15:51:08 发布 · 2.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#nodejs

本文详细介绍如何通过create-react-app创建React项目，并指导如何导入已有的React项目代码，包括环境配置、项目初始化及运行步骤。
部署运行你感兴趣的模型镜像

React创建&打开他人的React项目

React创建

1.进入https://www.nodejs.cn网站下载相应版本的nodejs安装版。安装结束，cmd命令行输入node -v查看安装的nodejs的版本；命令行输入npm -v查看安装的npm的版本。
2.创建create-react-app:在cmd命令行输入npm install -g create-react-app。
3.进入指定目录，例如cmd输入 cd D:/workPlace然后在该路径下创建react项目myDemo。（项目名不能含有大写字母）：create-react-app mydemo
4.npm start启动运行项目。

打开他人的React项目

1.使用vsCode打开项目源码
2.在vscode的终端输入npm install
3.npm start

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

第二节：使用IDEA创建React APP 并启动
zhenghhgz的博客
03-20 2679
前言 由于是从事后端开发，那么对IDEA开发工具“情有独钟”，本节就使用IDEA开发工具来创建一个my-app项目。 操作步骤 第一步：Create New Project 第二步：选择New Project React APP **第三步：选择Finish ** 第三步：开发工具配置npm启动 点击开始按钮，运行报错，信息如下： song@u:~/XXXX$ yarn s...
reactapp项目在gitee上部署静态页面 保姆级教程
qq_40844651的博客
10-07 1014
热爱探索的小乔，在解决问题的道路上，越走越远,git小白
怎样启动别人创建好的react项目
热门推荐
wl_sqfn的博客
04-13 2万+
1.首先下载好创建的react项目后，在cmd命令框中先进到对应的项目路径 2. 命令行输入node -v，npm -v命令，查看对应的版本，如下图 3. 输入npm install命令 来安装依赖（需要段时间才成执行完成） 如果你是下载react项目，通常不会包含node_modules文件夹，需要在执行启动命令前，先执行npm install来安装依赖。 这个时候，它会自动根据你package.json里面的依赖，下载你需要的node_modules，然后就能运行了。 4.输入 npm s
初探React环境搭建与运行
梦幻通灵
12-17 3308
脚手架和手动引入两种方式运行react
新建react项目与运行
weixin_52796953的博客
08-06 1125
首先确保已经安装好Node（这里对Node的安装不做描述）,可以通过以下命令行，查看Node是否安装，版本是哪个。打开终端，在你想要新建react项目的文件夹中，输入如下命令行，就可新建react项目。现在正式来新建react项目。
怎么运行别人的React-Native项目（android端）
小学生的博客
07-09 5333
刚开始玩React-native，菜鸟一个。环境配置好了，就急着想看看别人的项目。github上下载好了别人的作品，o(︶︿︶)o 唉，发现有个问题：     有点坑爹，难道每次我运行别人的项目，在手机上运行，我都需要在项目的目录下进行  npm install 现行下载node_modules，然后才能运行安装整个项目。     (假如直接运行，就会出现command ‘start ’ un
如何运行vue项目\React项目（维护他人的项目）
林中明月间丶
07-09 2083
如何运行vue项目（维护他人的项目） https://www.jianshu.com/p/672c9e59ac38?utm_source=oschina-app https://www.jianshu.com/p/5e62d852babc 以上是 webpack，v-cli 都装好了， 在项目目录下，通过命令“npm install”安装node依赖（安装过程，目录下后生成一个新的文件夹“...
react_hooks：使用CodeSandbox创建
02-12
要创建一个基于React Hooks的项目，你需要遵循以下步骤： 1. 访问CodeSandbox官网（https://codesandbox.io/）并登录或注册一个账户。 2. 点击首页的“+ Create”按钮，然后在弹出的菜单中选择“Create from ...
react-template:用CodeSandbox创建
03-14
打开这个压缩包，你将看到React项目的基本结构，包括源代码文件、配置文件（如`.gitignore`、`package.json`等）以及可能的测试文件。 总结来说，通过CodeSandbox创建React模板，我们可以利用其便捷的在线开发环境...
CodeSandbox的React项目创建与运行指南
之后，项目可以通过`npm start`启动，这个命令通常是通过配置在`package.json`文件中的scripts对象的start属性来指定启动命令，通常对于React项目来说，这个命令会启动一个开发服务器并打开一个浏览器窗口指向应用。...
【React】运行他人的react项目遇到的坑
xiaoyinmochun的博客
04-12 6492
    在学习React的过程中，研究其他人写的react项目，是个很好的方式。由于react项目，有许多的依赖包，而且一般在上传源码的过程中都不会上传node_modules下的依赖包，因此在运行其他人的react项目时，需要自己在本地安装依赖环境。 本次学习的项目是W3CSchool的一个练习项目，从网上下载到本地，放在自己的工作空间中，该项目下载链接参考如下： W3C学习项目下载地址 ...
react-native导入他人项目
Zhang_junhui的博客
08-21 2694
把自己的项目拷给别人运行,总是遇到各式各样的问题.总结一下导入react-native项目的步骤(ubuntu环境下): 1.拿到完整的项目后,cd 到项目根目录执行rm -rf node_modules 2.执行 rm .babelrc 3.执行 sudo chmod 777 -R * 4.执行 sudo npm install 5.如果运行过程中遇到sdk找不到的问题,可以cd到项目
如何创建一个 react 项目及如何运行？
zhaojiaxing123的博客
12-19 1171
如何创建一个 react 项目及如何运行？
react项目的安装与运行
有问题可关注公众号：前端研究院 后台输入问题回复
09-26 1万+
1.下载node 然后傻瓜式安装 2.安装淘宝镜像    淘宝镜像 不是安装 是所有node设置的关键  作用是 不去访问国外服务器  直接去淘宝服务器下载 插件  npm install -g cnpm --registry=https://registry.npm.taobao.org  3.进入项目   cd [路劲自己打]  4.  npm i
react、vue项目代码阅读熟悉技巧
qq_27089015的博客
12-08 2110
在没有人给你解读项目的情况下，接手到老项目该如何开始起步熟悉呢？除了要大致到了解项目业务背景、技术栈，还应该要有通用化熟悉项目的技巧，每个人熟悉项目习惯技巧都不一样，尊重每个人的习惯和想法，建议收藏以下我的分享的熟悉项目技巧。 拉项目，先熟悉项目的README.md项目介绍，主要了解项目的技术栈、运行命令、配置项（如配置什么请求域名）、测试账号、注意事项等等。 再来熟悉项目的package.json文件，主要了解项目的运行命令、技术栈、大致的依赖包等。 安装项目，启动项目。项目能很顺利的运行在好不..
访问react项目html文件,如何访问已启动的react项目
weixin_28481133的博客
07-18 1213
如何访问已启动的react项目1、运行react项目都会开启一个终端窗口，只需要打开窗口，查看项目的运行地址即可。上面这个项目的地址是http://localhost:3000/ ，打开浏览器输入这个地址就可以访问这个项目了。2、也可以直接访问浏览器 http://localhost:3000/ 进行访问，因为react项目默认使用的是3000端口。知识补充：为什么是3000端口？npm star...
初学react-创建并运行项目
s_9527_s的博客
04-18 4480
本篇数据通过脚手架创建 一、脚手架安装 npm install -g create-react-app 通过以上命令安装完成后可以通过一下命令查看create-react-app的版本号及是否安装成功 create-react-app -V 二、通过命令创建项目 npx create-react-app 项目名称 然后静等 这样就创建完成了，项目创建完成后的效果 三、运行项目 cd 切换到文件中，然后运行npm start命令就可以了，如果是拉取的项目没有依赖的话，..
一、react基础知识及安装运行
xiaodouxuan11的博客
06-01 1148
react基础知识及安装运行
运行react项目
精哥哥
04-08 7699
进入目录，按住shift键，在此处打开命令窗口输入：npm start会弹出 localhost:3000，的浏览器窗口打包项目：npm run build
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值