前言

react官网 https://react.docschina.org/docs/getting-started.html

运行结果图：

一、安装vscode

见链接：https://www.cnblogs.com/csji/p/13558221.html。

二、安装node、npm、yarn（采用淘宝镜像）

1.安装node

见链接：https://blog.csdn.net/bbj12345678/article/details/106741758

检测是否已经安装
键盘同时按下win+r，然后输入cmd，在黑窗口内输入：node -v

会出现相应的版本号，说明已经安装好了。

2.安装yarn

见链接：https://blog.csdn.net/qq_45011985/article/details/105566648

检测是否已经安装
键盘同时按下win+r，然后输入cmd，在黑窗口内输入：yarn -v

三、拉取React脚手架，运行第一个项目

官网教程：
在vscode终端里面运行下面的语句：

npx create-react-app my-app
cd my-app
npm start

视频教程：https://www.bilibili.com/video/BV1CK4y1p7fb/

等待加载完毕，我们再输入 yarn run start 运行即可。

总结

待更新。

浅谈vscode+react环境部署，运行第一个react框架相关推荐

计算机网络环境中学科教学,浅谈基于计算机网络环境下的农村小学的科学学科教育...
浅谈基于计算机网络环境下的农村小学的科学学科教育 [内容摘要] <国家中长期教育改革和发展规划纲要(2010-2020年)>明确提出:加快教育信息化进程.重点加强农村学校信息基础建设,缩小 ...
老网工: 浅谈SDN技术的部署和未来
进入2017年,基于SDN的解决方案再次成为最热门的话题之一, 从运营商.到OTT再到大的企业都已经开始大谈SDN网络规划和部署,甚至WannaCry蠕虫爆发时有人谈到利用SDN的方法抵御.但是由于S ...
Go：分布式学习利器（1） -- 开发环境搭建 + 运行第一个go程序
文章目录为什么要学习 go 开发环境搭建 -- MAC 运行第一个go程序 go 函数的返回值设置 go 函数的命令行参数为什么要学习 go 在如下几个应用场景的需求下产生了go: 超大规模分布式 ...
【100天精通python】Day1：python入门_初识python，搭建python环境，运行第一个python小程序
目录专栏导读 1 初始python python 概述 python的应用领域应用python的公司 2 搭建python 开发环境 2.1 安装python(以windows 系统为例)(1)下 ...
浅谈 Linux API的交互式运行环境ipython是最好的REPL
作为Python初学者,这个教程简单明了,值得学习.ipython + ctypes: 调试/测试Linux API的交互式运行环境ipython是最好的REPL!(我喜欢Python,至少有30%的 ...
JeeSite 4.0 （1.0）开发环境部署运行
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 环境要求 1.Java SDK 1.8 下载 2.Eclipse IDE for Java EE M ...
wamp php 环境变量,浅谈本地WAMP环境的搭建
在php本地搭建过程中,php环境配置是至关重要的一部分,本文就php在本地的环境配置中作简要说明.以供大家学习! 配置Windows+Apache+Mysql+PHP开发运行环境安装Apache ...
浅谈个人学习环境(PLE)
我就是天才,嘿嘿. 当我写下这个题目的时候,并没有后面三个字母(PLE),我只是仿照IDE(集成开发环境)的命名方式,对"个人学习环境"进行缩写.突然心中一动,网上一搜索,天啊,果 ...
浅谈 | 高低温环境下的车载屏幕功能耐久与触屏精度自动化测试
随着汽车科技的发展,汽车电子产品的智能化程度在不断提升,车载屏幕等交互终端的应用性能越来越受用户关注.由于汽车常年所处的环境多变,恶劣气候会影响汽车电子产品的性能.炎热的夏天,在太阳暴晒下车内温度升高 ...

浅谈vscode+react环境部署，运行第一个react框架

文章目录

前言