美文网首页react学习教程
[React] 开发环境准备(1)

[React] 开发环境准备(1)

作者: 水流云间 | 来源:发表于2018-08-07 09:03 被阅读0次

    React入门级笔记

    1. 安装 Nodejs & NPM 环境
      如果你还没有node环境,建议首先安装node,进入node官网(https://nodejs.org/en/)下载安装即可。
      最新的React文档构建项目,需满足node版本6.0+。
      新的版本的nodejs已经集成了npm,安装好nodejs,通过以下命令查看所安装的版本。
    node -v
    
    npm -v
    
    1. 安装 create-react-app
    npm install -g create-react-app
    
    1. 构建一个 react 项目,名为 my-app
    create-react-app my-app
    
    cd my-app
    npm start
    

    如果你的 npm 版本5.2+, 可用 npx 来代替(建议用这种方式,已经集成了热更新)

    npx create-react-app my-app
    
    cd my-app
    npm start
    
    1. 查看示例
      安装完成后执行npm start命令 会自动在浏览器弹出的demo示例,效果图如下


    至此,第一个react项目搭建完毕!

    相关文章

      网友评论

        本文标题:[React] 开发环境准备(1)

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