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

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

一、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到知识点不要忘了关注点个赞~。

扫描二维码关注公众号,回复: 11634170 查看本文章

猜你喜欢

转载自blog.csdn.net/Allen_6/article/details/108369863