react官网:https://reactjs.org
打开官网你会看到:
image.png
第二步之后你会看到
image.png
我们在桌面cmd窗口下按照命令提示进行操作就OK了。
其中命令:npx create-react-app my-app 会为我们自动构建一个react脚手架,my-app是我们的项目名称,可以根据自己的项目去命名。构建好之后依次输入:cd 项目名称 npm start即可,它会自动为我们打开浏览器。看到下面的页面就说明我们的项目脚手架搭建好了。
image.png
当然我们要对项目的代码进行删减才能够很好的进行编码。
项目目录结构如下:
image.png对代码进行删减之后就剩这三个文件了。
image.png
我们在看下页面。
image.png
代码精简到这个程度就可以了。
网友评论