创建一个React应用程序

参见:https://blog.csdn.net/tiangongkaiwu152368/article/details/80847494

安装node

我们要用create-react-app来开发react,首先要通过包管理器安装create-react-app,而包管理器一般安装了nodejs后会自带的,所以我们的第一步是在我们的电脑上安装node。

请参考以下nodejs安装教程:

Node.js安装配置

检测npm包是否可用

安装好后,并且也配置进入了环境变量,然后我们来检测下你的npm包是否可用,打开cmd窗口,输入npm -v 进行检测,如下所示,若显示版本号则说明安装成功,环境变量也配置成功,可用开始安装creact-react-app进行react开发了。

使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

执行以下命令创建项目:

1
2
3
4
npm install -g create-react-app
create-react-app project_name
cd project_name/
npm start

参考:create-react-app

在浏览器中打开 http://localhost:3000/ ,结果如下图所示:

提示:安装好后,如果你想卸载,可以直接把install改为uninstal即可,也就是在前面个un就可以表示卸载了。有时候卸载后在安装可能会报写错,此时你直接定位的create-react-app安装目录,然后把这个目录删除一般就能解决了。

怎么运行别人写好的reactjs项目

  1. 首先安装nodejs最新稳定版,配置环境变量,使得node和npm命令能正常运行,自己去官方下载;

  2. 在项目下运行 npm install (功能:安装依赖)

  3. 然后看项目下的README.md,一般有指引教你如何运行。