React(1):React 本地环境搭建_Mac

一、环境搭建

1、安装node

安装没有什么可以讲的,找一个网上教程一路下一步即可

安装完成后打开控制台输入 node -v

2. 安装npm和cnpm

npm其实是Node.js的包管理工具,可以使我们方便的引入各种js库,当我们安装完node.js之后,npm也已经安装完成,打开终端输入

npm -v

结果如下:

由于大部分的包在国外服务器,当我们安装某个库的时候可能会安装不上,如果出现这种情况,可以通过梯子的方式解决,也可以使用国内镜像,是由taobao托管,大家可以去 这里 查看安装方式,安装完成后就可以使用cnpm来管理包了,速度会快很多。

二、项目的初始化

到目前基本的环境已经安装完成,下面我们来初始化一个react项目

打开终端按照下面的输入:

npm install -g create-react-app

这一步之后可能会出现各种问题,如果不能正常,请尝试升级node版本

create-react-app react-demo

cd react-demo

npm start

以上都正常的情况下,程序会开启一个服务监听3000端口,并且打开默认浏览器,你会看到一下界面,说明项目已经成功运行。

推荐阅读更多精彩内容