创建一个React应用程序
参见:https://blog.csdn.net/tiangongkaiwu152368/article/details/80847494
安装node
我们要用create-react-app来开发react,首先要通过包管理器安装create-react-app,而包管理器一般安装了nodejs后会自带的,所以我们的第一步是在我们的电脑上安装node。
请参考以下nodejs安装教程:
检测npm包是否可用
安装好后,并且也配置进入了环境变量,然后我们来检测下你的npm包是否可用,打开cmd窗口,输入npm -v 进行检测,如下所示,若显示版本号则说明安装成功,环境变量也配置成功,可用开始安装creact-react-app进行react开发了。
使用 create-react-app 快速构建 React 开发环境
create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。
执行以下命令创建项目:
1 | npm install -g create-react-app |
在浏览器中打开 http://localhost:3000/ ,结果如下图所示:
提示:安装好后,如果你想卸载,可以直接把install改为uninstal即可,也就是在前面个un就可以表示卸载了。有时候卸载后在安装可能会报写错,此时你直接定位的create-react-app安装目录,然后把这个目录删除一般就能解决了。
怎么运行别人写好的reactjs项目
首先安装nodejs最新稳定版,配置环境变量,使得node和npm命令能正常运行,自己去官方下载;
在项目下运行
npm install
(功能:安装依赖)然后看项目下的
README.md
,一般有指引教你如何运行。