美文网首页
react-搭建脚手架(一)

react-搭建脚手架(一)

作者: Yin先生 | 来源:发表于2019-12-06 00:28 被阅读0次

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
代码精简到这个程度就可以了。

相关文章

网友评论

      本文标题:react-搭建脚手架(一)

      本文链接:https://www.haomeiwen.com/subject/hifsgctx.html