简单搭建react开发环境

2023-10-30 16:58:30 浏览数 (4)

前言

安装前需要安装: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

代码语言:javascript复制
yarn start

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

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

代码语言:javascript复制
ReactDOM.render(
  <h1>Hello,World!</h1>,
  document.getElementById('root')
);

具体如下图:

运行完成,效果如下图

总结

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

以上就是简单搭建react开发环境的介绍,做此记录,如有帮助,欢迎点赞关注收藏!

0 人点赞