前言
安装前需要安装:node.js、vscode
一、node.js使用
运行Node.js command prompt,输入命令: npx create-react-app my-app (如下图)
npx create-react-app my-app.png
安装完成截图如下:
安装完成.png
至此,react安装完成,可以直接在npm控制台运行,我放到vscode运行了
二、vscode
1.打开文件
打开文件夹,即之前npm安装的目录npm安装的目录.png
(我是这个目录)
2.运行
ctrl+`打开终端,输入yarn start运行react
yarn start
运行完成自动打开浏览器。
3. 第一个react程序,从helloworld写起
ReactDOM.render(
<h1>Hello,World!</h1>,
document.getElementById('root')
);
具体如下图:
helloworld.png
运行完成,效果如下图
运行完成效果.png
总结
至此,可以使用vscode开发react了,第一个react程序完成。欧耶(o)/