react 搭建react开发环境

搭建React开发环境有两种

第一种方法（老-现在推荐）：

    https://reactjs.org/docs/create-a-new-react-app.html

    1、必须要安装nodejs     注意：安装nodejs稳定版本     
    

    2.安装脚手架工具   （单文件组件项目生成工具）   只需要安装一次

        npm install -g create-react-app   /  cnpm install -g create-react-app

        
    3.创建项目   （可能创建多次）

        找到项目要创建的目录：

        create-react-app reactdemo

 

    4.cd  到项目里面    
        cd  reactdemo
        npm start             yarn start运行项目
        npm run build         yarn build 生成项目

 

第二种方法（新-未来推荐）：

    https://reactjs.org/docs/create-a-new-react-app.html

    1、必须要安装nodejs     注意：安装nodejs稳定版本     

    2.找到项目要创建的目录执行：        

        npx create-react-app reactdemo 

        （运行以上代码其实可以理解成执行了如下操作：1、下载create-react-app，2、create-react-app reactdemo 3、删除create-react-app ）

    3.cd  到项目里面    
    
        cd  reactdemo
        npm start  运行项目（调试）
        npm run build 生成项目（发布）

 

npx介绍：
    

    npm v5.2.0引入的一条命令（npx），引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。

详情：
    http://www.phonegap100.com/thread-4910-1-1.html

    npx create-react-app reactdemo这条命令会临时安装 create-react-app 包，命令完成后create-react-app 会删掉，不会出现在 global 中。下次再执行，还是会重新临时安装。
    npx 会帮你执行依赖包里的二进制文件。

    再比如 npx http-server 可以一句话帮你开启一个静态服务器