三分钟搭建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  到刚刚生成的项目文件里面,运行项目


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


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

相关文章
|
8月前
|
资源调度 前端开发 JavaScript
简单搭建react开发环境
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结 前言 安装前需要安装:node.js、vscode 一、node.js使用 运行Node.js command prompt,输入命令: npx create-react-app my-app (如下图) 安装完成截图如下: 至此,react安装完成,可以直接在npom控制台运行,我放到v..
28 0
简单搭建react开发环境
|
7月前
|
资源调度 前端开发 JavaScript
从零开始学习React-开发环境的搭建(一)
从零开始学习React-开发环境的搭建(一)
43 0
|
10月前
|
前端开发 应用服务中间件 API
解决分布式React前端在开发环境的跨域问题
解决分布式React前端在开发环境的跨域问题
170 0
|
JSON 前端开发 数据格式
从零搭建 Vite + React 开发环境 #112
从零搭建 Vite + React 开发环境 #112
233 0
|
前端开发
antd组件库封装23-配置react开发环境
antd组件库封装23-配置react开发环境
130 0
antd组件库封装23-配置react开发环境
|
Web App开发 前端开发 JavaScript
webpack手动配置React开发环境
React提供了create-react-app的快速构建工具, 但作为一个专业的程序员(老司机), 面对复杂的项目, 入门级的构建工具, 是远远不够的, 我们这里从零开始, 用webpack, 手动配置一个独立的React开发环境, 开发环境完成后, 支持自动构建, 自动刷新, sass语法 等功能.
1129 0
React-native 开发环境配置(win版本)
搭建开发环境 1、首先下载node.js 下载链接:https://nodejs.org/zh-cn/ ; 2、安装node.js; 3、安装完成,运行打终端输入:nmp -v 显示node.
1130 0