React入门——开发环境搭建

一、Node.js下载

打开Node.js的官网https://nodejs.org/en/,它会自动识别所在的环境,推荐你下载相应版本,左侧是持久支持的稳定版本,右侧是最新版本。这里我们下载左侧的版本。直接按钮点击下载,然后按照默认选项一步步安装。

React入门——开发环境搭建

安装完成后,打开命令提示符验证是否配置成功。

首先输入命令node -v,查看node.js版本;然后输入命令npm -v,查看包管理工具npm的版本(npm会随node一起安装到电脑上),如果两步都有结果输出,则证明已经安装成功。

React入门——开发环境搭建

 

二、React.js

打开react.js官网h。ttps://reactjs.org/

React入门——开发环境搭建

点击左上角docs导航栏,然后点击右侧导航栏中Create a New React App:

React入门——开发环境搭建

然后下拉页面,看到下图所示的三条命令,运行它们:

React入门——开发环境搭建

打开命令行执行这三条命令:

React入门——开发环境搭建

React入门——开发环境搭建

然后浏览器会自动打开如下图所示的页面:地址是localhost:3000

React入门——开发环境搭建

OK,现在就成功创建了一个react项目。


下次继续学习react,ヾ(◍°∇°◍)ノ゙