淘先锋技术网

首页 1 2 3 4 5 6 7

React.js开发环境搭建

一、引入.js文件来使用React

二、通过脚手架工具来编码
每一个成熟的工具,都有对应的脚手架工具,它可以快速构建项目的必要目录,不必自己一个一个的配置与搭建,只需要执行一些命令即可。脚手架工具的代码不能直接运行,需要通过脚手架工具编译,编译后的代码才可以被浏览器识别运行。
Create-react-apphttps://reactjs.org/ 健壮程度高,可定制性强,调试代码方便。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装node.js

  1. node.js下载地址:https://nodejs.org/en/download/
  2. LTS(Long Term Support) 和 Current:LTS更稳定,Current是最新版本
  3. 使用npm -vnode -v检测是否安装成功
    在这里插入图片描述

安装creat-react-app脚手架工具

npx create-react-app my-app
cd my-app
npm start