怎么安装react开发环境?

怎么安装react环境?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

React开发环境安装方法

  • 首先全局安装create-react-app模块

npm install -g create-react-app
  • 通过create-react-app创建一个经典的hello-world项目

上一步安装create-react-app模块的时候是全局安装,所以不需要进入到你希望创建项目的那个目录。但这一步建议你先在命令行中cd进入到你希望把项目存放到的目录中,防止等会安装完以后不知道项目存放到了什么位置,然后执行以下命令创建项目

create-react-app hello-world

经过上诉复杂的安装步骤,你的React开发环境已经安装完毕,现在可以启动运行一下你的项目了

  • 进入到项目目录并运行React项目

cd hello-world
npm start

注意

这段运行时界面出现等待的时间可能会比较长(根据你的网速),因为index.html页面中的Bootstrap是通过cdn的方式获取的

当看到以下页面时,说明你的React环境已经搭建好了

推荐

由于通过npm方式获取国外资源速度太慢,所以建议切换到国内淘宝cnpm。通过执行以下命令即可全局安装cnpm

npm install -g cnpm

安装完以后,上诉所有通过npm安装的React的方式都可以将npm改成cnpm.速度会快很多

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是怎么安装react开发环境?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读