React-起步：创建第一个项目

最新推荐文章于 2024-07-23 18:40:25 发布
最新推荐文章于 2024-07-23 18:40:25 发布
阅读量88 收藏
点赞数
文章标签： react npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Megetood/article/details/107802443
版权

  1. 准备好npm环境 在这里插入图片描述

  2. 安装react构建工具：nmp install create-react-app -g 在这里插入图片描述

  3. 创建第一个项目：create-react-app [project name]在这里插入图片描述

  4. 进入项目：cd [project name]

  5. 查看package.json文件：cat package.json在这里插入图片描述

  6. 运行：npm start在这里插入图片描述
    会自动跳转到浏览器：
    在这里插入图片描述

Megetood
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Todo-app:用Java开发的每个人的应用
04-09
【描述】"TP1专案2021的应用程式"表明这可能是某个课程或培训项目的第一部分，可能在2021年进行。这样的项目旨在让学生或参与者实际动手编写代码，理解软件开发流程，包括需求分析、设计、编码、测试和维护等环节。 ...
2018-1-Spring-Boot:记录一学期学习的Spring Boot的内容
05-13
在“2018-1-Spring-Boot-master”这个项目中，可能包含了标准的Spring Boot项目结构，如src/main/java下的源码目录、src/main/resources下的资源配置、pom.xml或build.gradle构建文件等。这些文件和目录共同构成了一...
React安装以及创建自己的第一个项目
qq_46019299的博客
02-28 214
初步了解react前端框架React是用于构建用户界面的JavaScript库，起源于Facebook的内部项目，该公司对市场上所有 JavaScript MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站。于2013年5月开源。
React创建项目并启动
qq_51501183的博客
10-07 9998
1.第一步 安装脚手架 开打使用windows键加R打开运行输入cmd 在里面输入 npm install -g create-react-app 注意:安装前请确保电脑中安装过node.js 2.第二步 切换到想创项目的目录，使用命令：create-react-app appName appName是应用的名字,可以自己随意定义 我创建了一个名字叫做react_test的项目,然后等待安装 安装完成会出现以下内容 Success!表示安装成功 3....
ZF_react react-router起步 React路由原理 简单实现Router Route createHashRouter createBrowserRouter。
lin_fightin的博客
10-30 2568
React路由原理
react起步create-react-app
weixin_43760969的博客
11-28 91
React是构建用户界面的javascript库，主要用于构建UI界面。Instagram，2013年开源 特点 声明式的设计 高效，采用虚拟dom来实现dom的渲染，最大限度减少dom的操作 灵活，跟其他库灵活搭配使用 JSX，俗称JS里面写HTML，javascript语法的扩展 组件化，模块化，代码容易复用 单向数据流，没有实现数据双向绑定，数据=>视图=>事件=>数据 创建项目 通过script引入使用，仅用于学习与调试 <script crossorigin src
auth-react-graphql
02-13
【标题】"auth-react-graphql" 是一个基于React和GraphQL的身份验证（Authentication）起步项目，旨在帮助学习者理解和实践在Web应用中实现用户身份验证的流程。该项目来源于Udemy.com上的一个GraphQL课程，特别是第...
datocms-react-lodging-spa-demo-6893
04-03
这个应用程序是一个演示应用程序，用于通过ReactJS应用程序上的GraphQL api...第一次运行yarn安装依赖项。 显影： yarn start 身材： yarn build 该构建是在build文件夹中创建的，可直接部署在Surge，Netifly等上。
springboot-knote：简单的Spring Boot应用程序做笔记
02-13
在"springboot-knote"这个项目中，我们可以推断它是一个基于Spring Boot构建的笔记应用。Spring Boot的核心特性包括： 1. **自动配置**：Spring Boot通过`@EnableAutoConfiguration`注解来自动配置我们的应用。它会...
npm 安装报错（已解决）+ 运行 “wue-cli-service”不是内部或外部命令，也不是可运行的程序（已解决）
精通前端技术，了解后端接口
07-22 206
首先先说一下我这个项目是3年前的一个项目了，中间也是经过了多个人的修改惨咋了布置多少个人的思想，这这道我手里直接npm都安装不上，在网上也查询了多种方法，终于是找到问题所在了。
npm上传自己的包以及发布过程遇到的问题
最新发布
weixin_53339757的博客
07-23 601
npm上传自己的包以及发布过程遇到的问题
npm下载的依赖包版本号怎么看
qq_43493084的博客
07-19 500
版本号一般分三个部分，主版本号、次版本号、补丁版本号。
js 实现扫雷游戏，源码开放，支持npm引入使用
yanxiaomu的博客
07-19 547
本人开发的js版本扫雷游戏。
npm下载包-更改默认缓存目录
kjl536566的博客
07-19 675
npm（Node Package Manager）的缓存目录是npm用于存储已下载包的本地位置，以便在后续安装相同包时能够快速复用，从而节省时间和带宽。npm缓存目录的具体位置会根据操作系统的不同而有所差异。
在vs code中用npm run serve运行项目报错
2302_80729149的博客
07-20 313
原因是，你不能直接在vs code的终端里运行项目，1.先右键我们的项目，然后点-在集成终端打开。不能在这里直接运行，路径不对当然会报错。
npm install报错：npm error ERESOLVE could not resolve
明静致远
07-19 485
No HADOOP_CONF_DIR set. Please specify it either in yarn-env.cmd or in the environment.由报错问题中，排查之前的hadoop安装包，其中hadoop安装包中的yarn.cmd、yarn导致之后安装的yarn冲突。仔细看了该vue项目结构，发现存在yarn.lock文件，由此可知包管理器是yarn。重新使用yarn install加载依赖，虽然其中有报错（具体看下面链接），最后还是成功了。重新加载依赖依然报错。
npm 或者yarn下载依赖卡顿报错 sill idealTree buildDeps
2401_85955297的博客
07-19 403
npm 或者yarn下载依赖卡顿报错 sill idealTree buildDeps 或者执行yarn报错
前端开发常用命令行工具及操作命令（Node.js 和 npm、Yarn、vue、React、Git、Webpack）
qq_63170044的博客
07-16 751
在前端开发中，掌握常用的命令行工具和命令可以大大提高开发效率。接下来将介绍一些常用的前端命令行工具和命令，涵盖从项目初始化到构建和部署的各个环节。
react-native: command not found
09-26
当出现"react-native: command not found"的错误时，可以尝试以下解决办法： 1. Windows操作系统： 使用命令`npm install -g react-native-cli`来全局安装react-native-cli，确保安装过程中没有报错信息。如果安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值