目录

前言

一、node.js使用

二、vscode

1.打开文件

2.运行

3. 第一个react程序,从helloworld写起

总结


前言

安装前需要安装:node.js、vscode


一、node.js使用

运行Node.js command prompt,输入命令: npx create-react-app my-app (如下图)

安装完成截图如下:

至此,react安装完成,可以直接在npm控制台运行,我放到vscode运行了

二、vscode

1.打开文件

打开文件夹,即之前npm安装的目录(我是这个目录)

2.运行

ctrl+`打开终端,输入yarn start运行react

yarn start

运行完成自动打开浏览器。

3. 第一个react程序,从helloworld写起

ReactDOM.render(
<h1>Hello,World!</h1>,
document.getElementById('root')
);

具体如下图:

运行完成,效果如下图


总结

至此,可以使用vscode开发react了,第一个react程序完成。欧耶\(^o^)/

最新文章

  1. UWP开发之ORM实践:如何使用Entity Framework Core做SQLite数据持久层?
  2. Centos7下配置Redis开机自启动
  3. jQuery知识点总结(第一天)
  4. zepto源码--核心方法6(显示隐藏)--学习笔记
  5. iOS coreData使用遇到的问题
  6. Python基础学习笔记(四)语句
  7. log4j配置文件详细解释
  8. JAVA WEB 中的编码分析
  9. Windows中根据端口定位持有者程序
  10. Java 工厂模式(一)— 工厂方法(Factory Method)模式
  11. 判定你的java应用是否正常(是否内存、线程泄漏)的一个简单方法
  12. SAS 删除数据和对缺失值处理代码程序
  13. Pairproject 移山之道 阅读随笔和一些问题
  14. LeetCode(55): 跳跃游戏
  15. PHP实现简单倒计时
  16. Windows 10 Install rabbitmq-server-3.6.9
  17. 异构GoldenGate 12c 单向复制配置(支持DDL复制)
  18. JS前端数据多条件筛选(商品搜索)
  19. OpenCV——RGB和HSV颜色空间
  20. 安卓测试之ADB命令

热门文章

  1. WSL优化之SSH远程登录篇
  2. [最短路径问题]Dijkstra算法(含还原具体路径)
  3. c3 linearization详解
  4. 模拟Promise的功能
  5. 盘点JAVA中基于CAS实现的原子类, 你知道哪些?
  6. MongoDB海量数据分页查询优化
  7. 监控Android(生成木马)
  8. Docker 搭建 Wordpress 个人博客
  9. 数据结构——八大排序算法(java部分实现)
  10. [WPF]创建系统栏小图标