React开发环境搭建

一、准备环境

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

    地址：https://nodejs.org/en/download/

 

 

2、安装cnpm用cnpm替代npm

    地址：http://npm.taobao.org/

    安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

警告提示版本问题，可以忽略。

3、用yarn替代npm

    yarn的安装：

            第一种方法：参考官方文档https://yarn.bootcss.com/

            第二种方法：cnpm install -g yarn  或者 npm install -g yarn

二、创建项目

 

        文档：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 项目名称      create-react-app reactdemo

    4、启动项目，进入新建的项目根目录（cd reactdemo）

            命令：npm start   或    yarn start运行项目

 

 

 

表示项目启动成功。

 

方法二：

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

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

           命令： npx create-react-app reactdemo

    4、启动项目，进入新建的项目根目录（cd reactdemo）

            命令：npm start   或    yarn start运行项目