react(一)基础环境搭建

以下安装都需要先搭建nodejs、Npm包管理工具,官网可以下载。

首先用npm 安装 create-react-app工具,其可以自动地在本地目录中创建react项目。

        在cmd命令行中输入:

                    npm install -g create-react-app

        等待其安装,意思是全局安装create-react-app脚手架工具,然后就可以使用命令创建新的react项目。

        在cmd中输入:

                    create-react-app my-new-app     

                    (默认安装在用户目录下,想更换目录可以参照如下命令)

                    d:     (选择D盘)

                    cd     '文件夹路径'   (进入D盘中的指定文件夹)

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

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

            cmd中输入:

                npm init   (然后一路回车)

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

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

然后就可以通过 npm start 来启动项目,自动弹出localhost:3000的网页窗口。

猜你喜欢

转载自my.oschina.net/u/3786097/blog/2961583
今日推荐