学习React (1) - VS Code里创立react app

先介绍什么是React:
React is a JavaScript library for building user interfaces.
React is a library and not a framework. React needs an outside library for state management and an outside library to make Ajax calls.

在安装React的时候,先得在VS Code里安装React 的 Extension, 这样对以后的编程有所帮助:
第一步:
进入VS Code,左边栏有很多功能,点击这个图标:
在这里插入图片描述
第二步:
在输入框里搜索 “ES7 React…", 就会出现搜索结果,图片如下:
在这里插入图片描述
由于博主已经安装了,就出现”Uninstall" 的字样。如果还没安装在VS Code的,就点击Install的按钮,这样就安装好了。


博主是在VS Code来进行学习React的。现在博主就将如何在VS Code上创造React App的步骤列下来:
第一步:
需要安装要创造的app的package,
在这里插入图片描述
上面的图片是从VS Code上截取的,安装package需要在VS Code的Terminal里安装。

第二步:
在VS Code里的Terminal输入这个命令:
npm install create-react-app

第三步:
继续输入这个命令:这个命令是用来创建名为“my-react-app”的,这里只是做个说明,可以随时改成喜欢的名字。
npx create-react-app my-react-app
效果如下:(只是截取部分图)
在这里插入图片描述

最后一步:
进入到文件夹里,然后开始运行这个app。命令是有两个:
cd my-react-app
npm start

最后在浏览器里会出现这个界面,就说明Create React App已经创建成功了。
在这里插入图片描述
希望这个博客能对大家用react来创建react app有所帮助!如果有帮助的话,就麻烦点个赞呗!

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值