创建第一个react项目

目录

  一. 安装node环境 

  二. 创建react新项目

 


 

       

 一.安装node环境 (安装node 的时候npm包管理也同时安装)

  1.1. 下载node  

       下载地址:http://nodejs.cn/download/

       node.js的zip包安装时是直接解压缩后就可以了,

       node.js的msi包是傻瓜式一路next就可以了

       如何创建react项目

   1.2 解压后的目录,或者mis安装后的目录如下:

        如何创建react项目

   1.3.安装完后,可以在命令行中输入node -v 来查看安装版本和是否安装成功,安装node时会自带一个npm的包管理工具。检测npm版本 输入:npm -v;

     如若以上两个命令输入都返回版本号,则安装成功!

    如何创建react项目

  二. 创建react新项目

2.1.使用npm安装react,今天主要介绍npm5.2+的安装版本。

首先,在目标文件夹下cmd,使用npx安装命令创建名为my-app的项目:

如何创建react项目

接着,创建完成会在当前目录下出现一个my-app的文件夹。

如何创建react项目

最后,进入my-app目录,运行npm  start 或者 npm run start命令启动项目。

如何创建react项目  

当默认浏览器出现以下界面时,表示项目安装成功!

如何创建react项目

 

相关文章: