美文网首页
React零基础搭建项目

React零基础搭建项目

作者: 晨曦诗雨 | 来源:发表于2019-02-15 11:34 被阅读0次

    create-react-app是一个react工程脚手架,可快速构建一个react应用。内置webpack、babel、es6等特性,开发者无需关注配置,关注业务模块的开发即可
    使用 create-react-app 快速构建 React 开发环境
    create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
    create-react-app 自动创建的项目是基于 Webpack + ES6 。

    1.打开cmd查看npm版本号


    image.png

    2.如果npm版本是5.2以上版本,在cmd中输入 npx create-react-app my-app,当前目录下创建一个名为my-app的工程,命令行窗口中将会显示依赖库的一些日志,看步骤4。


    image.png

    3.如果npm版本低于5.2,则全局安装create-react-app,cmd输入npm install -g create-react-app;create-react-app下载完成后,cmd中输入create-react-app my-app

    如何快速搭建一个react项目

    4.此时安装好的依赖


    image.png

    5.会生成一个文件


    image.png
    6.npm start 运行启动服务 image.png

    7.启动成功后浏览器出现


    image.png

    以上则搭建成功react的项目,前提是电脑成功安装了node

    相关文章

      网友评论

          本文标题:React零基础搭建项目

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