React学习(二):安装&环境搭建

tech2022-08-02  155

序言:本篇介绍React下载安装以及环境搭建

目录

一、Nodejs安装二、create-react-app安装三、创建/启动React程序四、编码工具VScode

一、Nodejs安装

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境(运行js需要node.js)。因为React是JavaScript库,所以需要安装Node.js

1、下载node.js 可以去官网地址下载

2、安装node.js 下载的.msi安装包,直接点击进行一步步安装 3、安装验证 安装nodejs后,cmd打开命令提示符,通过命令来查看安装信息 node -v 查看nodejs版本 npm -v 查看npm版本 注意:nodejs中含有npm,而npm是nodejs的包管理器(package manager)。 我们在Node.js上开发时,会用到很多别人已经写好的javascript代码(如Echarts.js等),如果每当我们需要别人的代码时,都根据名字搜索一下,下载源码,解压,再使用,会非常麻烦。于是就出现了包管理器npm。大家把自己写好的源码上传到npm官网上,如果要用某个或某些个,直接通过npm安装就可以了。

二、create-react-app安装

create-react-app 是一个全局的命令行工具。它会配置你的开发环境,以便使你能够使用最新的 JavaScript 特性,提供良好的开发体验,并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 8.10 和 npm >= 5.6

//使用npm安装create-react-app npm install -g create-react-app

三、创建/启动React程序

1、创建React应用程序 使用脚手架create-react-app快速创建一个命名为my-app的应用程序

//创建my-app项目 create-react-app my-app //进入该项目 cd my-app

生成项目目录如下:

2、npm start启动程序 进入程序目录,npm start就能启动该程序

npm start

浏览器输入http://localhost:3000/查看-效果如下:

四、编码工具VScode

网上很多编码工具,推荐使用Visual Studio Code,具备免费,开源,轻量,跨平台的特点,且十分好用,可以去官网地址下载 左侧红框内-支持全目录显示、支持搜索、支持查看代码变更并对比、也有终端启动程序和提交代码。十分容易上手使用。

········································································································································· 本文介绍react的安装、环境搭建和工具推荐等~~请大家多多指教,能get到知识点不要忘了关注点个赞~。

最新回复(0)