怎么构建react的开发环境?

react作为前端的流行框架之一,目前也是大火,不过想要学习的小伙伴们还不知道怎样搭建react开发环境,下面本篇文章来给大家分享一下react开发环境的搭建,希望对大家有所帮助。

怎么构建react的开发环境?

1、安装nodeJs和npm

如果安装好了node,自然而然就会有npm(node package manager ——node的包管理工具)了,查看如下:
win+R输入cmd打开命令提示窗口,输入npm -v验证是否存在。

2、全局安装脚手架 create-react-app

npm install -g create-react-app

如下,安装成功

3、创建项目

切换到桌面Desktop目录下,创建一个名为myapp的项目

cd Desktop       

create-react-app myapp

创建项目过程中需要一点时间

成功后如下:

到这里,一个简单的react项目基本上就创建完毕了。

4、进入项目根目录,启动

cd Desktop
npm start

然后,浏览器键入localhost:3000即可访问

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

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

推荐阅读