简单搭建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^)/