美文网首页
React脚手架01

React脚手架01

作者: IT颖儿 | 来源:发表于2018-11-29 10:50 被阅读0次

关键字:react脚手架的安装和使用

安装

npm install create-react-app -g

查看版本号

create-react-app -V

创建自己的react项目

create-react-app 项目名称

创建成功后的结果(项目名称自定义为:ly): image.png
开始:cd ly(进入你项目的文件夹)

输入:npm start (正式开始你的项目,此时它会自动给你打开localhoat:3000端口,即你的显示页面)

基本所有操作都在src文件夹中进行,在里面可自行创建需要的文件和组件
  • index.js为主文件,决定显示哪个组件作为主体组件
    (默认组件:<App/> 即App.js文件)
    image.png
  • 可自行创建components文件夹,里面存放自定义组件及其子组件
    image.png

相关文章

网友评论

      本文标题:React脚手架01

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