简单搭建react开发环境


前言

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


一、node.js使用

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


npx create-react-app my-app.png

安装完成截图如下:


安装完成.png

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

二、vscode

1.打开文件

打开文件夹,即之前npm安装的目录
npm安装的目录.png

(我是这个目录)

2.运行

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

yarn start

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

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

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

具体如下图:


helloworld.png

运行完成,效果如下图


运行完成效果.png

总结

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容