React之基础项目搭建以及环境配置

前言   

  React作为时下较为热门的前端框架，由facebook公司开创，用于搭建响应式的前端页面，这里不作太多介绍。下面我们直接开始搭建React框架运行环境：

1.安装node.js

    首先，我们需要安装node.js，直接搜索并在官网下载安装包。

    node.js官网：https://nodejs.org/en/

    

    然后，根据安装提示安装node.js，npm包管理工具也会一同安装。

    安装完成后，打开cmd命令行,输入 node -v 和 npm -v 来查看版本号，如果显示则安装完成。

     

2.创建项目

在cmd命令行中输入：npm install -g create-react-app，等待其安装，意思是全局安装create-react-app脚手架工具，然后就可以使用命令创建新的react项目。

在cmd中输入：

    create-react-app my-project（默认安装在用户目录下，想更换目录可以参照如下命令）

                    d: （选择D盘）

                    cd   '文件夹路径'  （进入D盘中的指定文件夹）

                    然后再输入   create-react-app my-new-app    则可安装在特定目录下

 然后就可以通过 npm start 来启动项目，自动弹出localhost:3000的网页窗口，内容如下: