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