React开发环境搭建

embedded/2024/9/24 6:41:49/

React开发环境搭建主要包括Node.js安装、编辑器选择、创建React项目等步骤‌。

  • Node.js安装

从Node.js官网下载并安装最新版本的Node.js,安装过程中npm会自动安装。安装完成后,通过命令行输入node -vnpm -v检查安装是否成功。

carawang%node -v
v20.17.0
carawang%npm -v
10.8.2
  • 编辑器选择

    Visual Studio Code(VS Code)
  • 给编辑器安装插件
    #提高开发效率
    Reactjs code snippets
    npm Intellisense
    Simple React Snippets
    #格式化
    ESLint
    Prettier
    
  • 快速创建项目
    mkdir my_react_app
    cd my_react_app
    npx create-react-app my-app
    npm start
    

    npx create...为创建app,中间耗时有点长。npm start为启动该app。顺利启动后,访问http://localhost:3000就可以看


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

相关文章

ChatGPT 有什么新奇的使用方式?

AI视频生成:小说文案智能分镜智能识别角色和场景批量Ai绘图自动配音添加音乐一键合成视频https://aitools.jurilu.com/ 最新奇莫过于,让GPT秒变成投资分析师。 我朋友早在半年前就实现了,还手把手教会了我 ,我马上给分享屏前的小伙…

如何提高UI自动化的稳定性

用例层面: 1. 将用例设计成参数化,将测试数据通过参数进行传递 2. 对于一些可能会变化的参数,将其设计成全局变量,减少维护用例的成本 3. 对用例之间避免产生依赖,可以独立执行 框架层面: 1. 使用PO设…

照片写真记录摄影作品记录网站源码

完美适应iPad,平板,手机竖屏不支持lazy,横屏可以,但建议使用平板查看效果, 有服务器直接上传解压使用,环境nginxphp, 没有服务器也没关系,可以直接使用html

滚动轴承故障诊断、预测与分类综合数据集

独家整理 滚动轴承数据集 故障诊断,预测、分类 最全套数据集 可做对比实验 拍就发自动发货 1.CWRU西储大学轴承数据集 2.MFPT机械故障协会数据集 3.XJTU西安交通大学数据集 4.渥太华变速轴承轴承数据集 5.江南大学轴承数据集 滚动轴承故障诊断、预测与分类综合数据集…

Golang | Leetcode Golang题解之第题432题全O(1)的数据结构

题目: 题解: type node struct {keys map[string]struct{}count int }type AllOne struct {*list.Listnodes map[string]*list.Element }func Constructor() AllOne {return AllOne{list.New(), map[string]*list.Element{}} }func (l *AllOne) Inc(ke…

TMStarget学习——T1 Segmentation数据处理及解bug

最新学习季公俊老师的神器 TMStarget 的第一个模块基于结构像的靶区计算T1 segmentation。下面上步骤: (1)在github 上下载 TMStarget https://github.com/jigongjun/Neuroimaging-and-Neuromodulation (2)按照要求下载依赖工具软件AFQ、vistasoft、SPM12 &#…

基于单片机巡迹避障智能小车系统

文章目录 前言资料获取设计介绍设计程序具体实现截图设计获取 前言 💗博主介绍:✌全网粉丝10W,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们…

dedecms——四种webshell姿势

姿势一:通过文件管理器上传WebShell 步骤一:访问目标靶场其思路为 dedecms 后台可以直接上传任意文件,可以通过文件管理器上传php文件获取webshell 步骤二:登陆到后台点击【核心】--》 【文件式管理器】--》 【文件上传】将准备好…