react学习篇--创建项目

embedded/2024/11/22 15:42:19/

前言

   随着技术的更新迭代,需要学习了解更多的前端框架,下面就开始逐渐分析react的学习之旅。

一、react是什么?

React是用于构建用户界面的JavaScript库。

二、使用步骤

1.确认是否已下载node

node -v

 

2.全局安装create-react-app

npm install -g create-react-app

 

3.创建项目

npm create-react-app my-appnpm create-react-app demo --template typescript //创建react+ts项目

4.启动项目 

1.命令行启动项目

2.使用编辑器启动项目(我使用的visual studio code)

总结

 以上只是我创建react项目的第一步,后续有更多的了解会继续分享~


http://www.ppmy.cn/embedded/139652.html

相关文章

QA RockyLinux8.8、双网卡、ping 8.8.8.8失败。

关键字: 仅主机网络、NAT网络、路由优先级、nmcli 环境: RockyLinux8.8最小版本安装,网卡配置如下所示: ens160: 连仅主机(用于本地SSH登陆) 10.0.0.0/24 ens224: 连NAT(有于上外网)、10.0.2.0/24(网关:10.0.2.2)…

translation1

农历(the lunar calendar)起源于数千年前的中国,根据太阳和月亮的运行规律制定。长期以来,农历在农业生产和人们日常生活中发挥着重要作用。古人依据农历记录日期、安排农活,以便最有效地利用自然资源和气候条件&#…

AI社媒引流工具:解锁智能化营销的新未来

在数字化浪潮的推动下,社交媒体成为品牌营销的主战场。然而,面对海量的用户数据和日益复杂的运营需求,传统营销方法显得力不从心。AI社媒引流王应运而生,帮助企业在多平台中精准触达目标用户,提升营销效率和效果。 1.…

项目实战(webshop)

一、搭建靶场webshop(www.example1.com) 二、信息收集 1、获取IP winR→cmd→ping www.example1.com→显示出ip(192.168.51.128) 注:TTL为IP包的生存时间,拿到TTL我们可以大概的判断一下目标机器的操作系统,但不是很准确,因为…

FastAdmin接口传参获取获取不同语言的相应。

1.在application\config.php 里开启多语言 // 是否开启多语言lang_switch_on > true,// 默认全局过滤方法 用逗号分隔多个default_filter > ,// 默认语言default_lang > zh-cn,// 允许的语言列表allow_lang_list > [zh-cn, en], …

【云原生后端开发流程及详细教程】

云原生后端开发流程及详细教程 一、前期规划二、开发阶段三、部署阶段四、监控与优化一、前期规划 需求分析 明确后端要实现的功能。例如,构建一个简单的待办事项(To - Do)列表应用的后端,需要支持用户创建、读取、更新和删除(CRUD)待办事项。功能包括用户注册/登录、任务…

Objective-C 1.0和2.0有什么区别?

Objective-C ObjC比较小众,在1980年左右由Stepstone公司的Brad Cox和Tom Love发明。后来NeXT公司获得ObjC语言使用权,再后来到1996年NeXT被苹果公司收购也变成苹果公司使用,Mac市场占有率本身就不高,ObjC没有太多程序员。在移动互…

ModuleNotFoundError: No module named ‘distutils.msvccompiler‘ 报错的解决

报错 在conda 环境安装 numpy 时,出现报错 ModuleNotFoundError: No module named distutils.msvccompiler 解决 Python 版本过高导致的,降低版本到 Python 3.8 conda install python3.8即可解决。