美文网首页
四、使用create-react-app搭建一个react项目(

四、使用create-react-app搭建一个react项目(

作者: 十柒年 | 来源:发表于2019-09-27 15:47 被阅读0次

    首先介绍下CRA的官网https://www.html.cn/create-react-app/docs/getting-started/
    里面有详细的步骤教我们如何快速搭建一个react项目。
    我们可以用这个命令来创建一个react项目

    npx create-react-app my-app   //创建项目
    cd my-app   //进入项目
    npm start   //启动项目
    

    执行完创建命令后稍等一下,网速快的话,应该很快就会创建好。


    image.png

    这里顺便给大家说一个可以快速搭建项目的方法。
    npm get registry //显示当前镜像网址
    npm config set registry http://registry.npm.taobao.org //使用淘宝的镜像网址
    再次创建项目就会发现快了很多。
    或者使用yarn来创建项目。

    这就是创建好之后的样子


    image.png

    目录结构就是这样的,


    image.png
    接下来就可以使用start命令来启动这个项目了
    npm start
    或者
    yarn start
    

    这里只是简单创建一个项目,具体项目的目录结构及一些其他知识可以去官网查看。

    相关文章

      网友评论

          本文标题:四、使用create-react-app搭建一个react项目(

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