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