React环境搭建教程(一)如何配置？

本文共计1984个文字，预计阅读时间需要8分钟。

此节将概述开发React所需的所有可能环境，以便于后续的开发。首先，React开发主要依赖于Node.js环境。以下是主要需要配置的内容：

1. nvm安装：需要单独安装nvm（Node Version Manager），以便于管理和切换不同版本的Node.js。

bash nvm install nvm use

此节把开发react需要的所有可能的环境都先描述一下，以方便后面的开发。在react开发中主要依赖的是node，主要需要配置以下内容：

• nvm：需要单独安装，主要是对项目使用的node.js解释器进行管理，类比java相当于JDK版本管理器
• npm：随着 Node.js 一同安装的包管理器（主要用来管理包），类比java相当于maven
• node.js：NodeJS 项目开发需要使用的解释器，类比java相当于jdk
• babel：编译工具
• sass：css预处理器
• webpack：打包工具

以上这些命令中npm和nvm会使用的比较频繁。同时node.js和npm有一个版本对应关系。详细可查看​​node.js版本 ​​ 笔者使用的是mac os 系统，所以后续所有设置都以mac下的操作为主。

一、nvm安装

​Node.js 不自带版本管理器，因此需要一个其他的一个程序来管理，这个程序是需要安装的，这就是为什么 nvm 需要单独安装的原因了。