从零开始学习React-开发环境的搭建(一)

简介: 从零开始学习React-开发环境的搭建(一)


其实16年的时候就已经接触到React,那个时候也只是入门,时隔多年,工作上一直都没有接触到相关的业务,不知不觉,前端的天也开始渐变,看到 了很多招聘要求上都是要求会React,三大框架怎么也得熟悉使用两个,不让下一份工作可能就很难了~

简介:简介:React是Facebook开发的一款JS库,是一个声明式、组件化并且用于构建用户界面的 JavaScript 库,通俗来讲就是将界面分成可以复用的组件,在需要时引入,使界面解耦,互不影响而又相互联系,在界面更新时,只会更新需要更新的组件,使得效率和性能上大大提升。


本着学习的精神,开始了搭建react开发环境之前需要准备的工作:

1:安装node.js,查看版本号

2:安装cnpm替代npm,查看版本号

3:yarn,查看版本号

不会安装yarn的童鞋,可以查看官方文档:

使用安装命令:npm i -g yarn

以上三大步骤就不细说了,准备工作完成后

4:安装脚手架
cnpm  install -g  create-react-app

5:在d盘创建一个空目录,存放项目


6:进入文件夹,创建项目


create-react-app reactdemo

等待生成我们的项目之中(网络慢的话可能要等几分钟哦)


可以看到,d盘里面初始化的这个项目了



7:cd 到刚刚生成的项目文件里面,运行项目
cd reactdemo
使用yarn start或者 npm   start

弹出浏览器,显示界面,react环境安装完成了


从零开始学习React-开发环境的搭建完成,忽然觉得,是不是和vue的操作步骤是一样一样的呐。

相关文章
|
4月前
|
前端开发 JavaScript
React学习之——条件渲染
【10月更文挑战第16天】React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。
|
5月前
|
前端开发 JavaScript
学习react基础(3)_setState、state、jsx、使用ref的几种形式
本文探讨了React中this.setState和this.state的区别,以及React的核心概念,包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。
99 3
学习react基础(3)_setState、state、jsx、使用ref的几种形式
|
5月前
|
前端开发
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式,包括props和state的使用,以及如何在React组件中使用style样式。
53 0
|
3月前
|
前端开发 JavaScript 安全
学习如何为 React 组件编写测试:
学习如何为 React 组件编写测试:
53 2
|
4月前
|
资源调度 前端开发 JavaScript
React进阶学习
React进阶学习
32 1
|
5月前
|
XML JavaScript 前端开发
学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
本文介绍了React的核心概念,包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
47 3
|
4月前
|
JSON 前端开发 JavaScript
React 进阶阶段学习计划
React 进阶阶段学习计划
|
5月前
|
前端开发
react学习(22)高阶函数和函数柯里化
react学习(22)高阶函数和函数柯里化
|
5月前
|
前端开发 JavaScript
react学习(21)受控组件
react学习(21)受控组件
|
5月前
|
前端开发 JavaScript
react学习(20)非受控组件
react学习(20)非受控组件