简单搭建react开发环境

目录

前言

一、node.js使用

二、vscode

1.打开文件

2.运行

3. 第一个react程序，从helloworld写起

总结

前言
安装前需要安装：node.js、vscode

一、node.js使用
运行Node.js command prompt，输入命令： npx create-react-app my-app （如下图）

安装完成截图如下：

至此，react安装完成，可以直接在npm控制台运行，我放到vscode运行了

二、vscode
1.打开文件
打开文件夹，即之前npm安装的目录（我是这个目录)

2.运行
ctrl+`打开终端，输入yarn start运行react

yarn start
运行完成自动打开浏览器。

3.第一个react程序，从helloworld写起

ReactDOM.render(

  <h1>Hello,World!</h1>,

  document.getElementById('root')
);

具体如下图：

运行完成，效果如下图

总结
至此，可以使用vscode开发react了，第一个react程序完成。欧耶(^o^)/