美文网首页
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