怎么构建react的开发环境?

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

怎么构建react的开发环境?

1、安装nodeJs和npm

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

1.png

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

npm install -g create-react-app

如下,安装成功

2.png

3、创建项目

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

cd Desktop       

create-react-app myapp

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

3.png

成功后如下:

4.png

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

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

cd Desktop
npm start

5.png

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

6.png

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

以上就是怎么构建react的开发环境?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏