react环境搭建

React由facebook公司开创,用于搭建响应式的前端页面
首先,我们需要安装node.js,直接搜索并在官网下载安装包。

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

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

安装完成后,打开cmd命令行,输入 node -v 和 npm -v 来查看版本号,如果显示则安装完成。
现在我们成功安装了node和npm,然后我们来用npm创建新的项目,首先用npm 安装 create-react-app工具,其可以自动地在本地目录中创建react项目。

    在cmd命令行中输入:

                npm install -g create-react-app

在cmd中切换到相应的新建项目路径,输入create-react-app my-new-app(项目名称)
react环境搭建
其中,node_modules用于存放项目的依赖包,也就是构建这个React项目可能会用到的工具,

          --public文件夹中是 index.html存放目录,也就是React根页面的所在地

          --src中用于存放js文件,也就是项目开发中的主要区域

          --package.json用于记录项目信息,以及外部依赖包的导入信息等

          --json文件不能直接打开,需要用到文本编辑器,本人用的是VScode

    然后,在命令行中“ cd ”该目录,输入如下命令,部署npm,以及导入react-dom依赖包.

        cmd中输入:

            npm init   (然后一路回车)

            npm install --save react react-dom  ( 在该目录下导入react和react-dom)

            npm install --save  react-router-dom   (react路由,以后会用到)

在cmd切换到项目目录下,运行npm start,启动react项目
react环境搭建

转自:https://blog.****.net/daxiazouyizou/article/details/79743832