第一步:检查npm和node是否安装
在安装之前要确认你的机器上安装了 node.js 环境包括 npm。如果没有安装的同学可以到 node.js 的官网下载自己电脑的对应的安装包来安装好环境。
第二步:npm install -g create-react-app
这条命令会往我们的机器上安装一条叫 create-react-app
的命令,安装好以后就可以直接使用它来构建一个 react 的前端工程:
若报以下错误,是提示有权限问题,在前面加上sudo,输入本机密码即可解决
若成功截图如下
第三步:create-react-app hello-react
这条命令会帮我们构建一个叫 hello-react
的工程,并且会自动地帮助我们安装所需要的依赖,现在只需要安静地等待它安装完。
额外的小贴士:
如果有些同学安装过程比较慢,那是很有可能是因为 npm 下载的时候是从国外的源下载的缘故。所以可以把 npm 的源改成国内的 taobao 的源,这样会加速下载过程。在执行上面的命令之前可以先修改一下 npm 的源:
npm config set registry https://registry.npm.taobao.org
第四步:cd hello-react
第五步:npm start
第六步:看结果