序言:本篇介绍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到知识点不要忘了关注点个赞~。