这篇文章将介绍React前端框架的环境配置以及项目搭建方法,其中涉及到了node.js(js运行平台)、npm(依赖包管理工具)等内容。网上已经有许多类似的教程,这篇文章可以给各位做个参考,同时给我自己当做一个笔记。
首先,要安装node.js,在官网下载安装包。
node.js官网:https://nodejs.org/en/
安装node.js后,npm包管理工具也会一同安装完毕。
创建react 的项目需要脚手架工具create-react-app,我们先用nmp安装create-react-app,打开cmd命令行,输入: npm install -g create-react-app
意思是全局安装create-react-app脚手架工具,等待安装完成。然后在cmd命令行输入:create-react-app apps
意思是用create-react-app创建了个名为apps的项目,但是这个react项目会默认创建在c盘的用户目录下。如下图
这不是我想要的,于是我又在d盘创建了一个项目。
在cmd输入:
d:
cd ‘文件夹路径’
然后再输入:cd my-app
:npm start
等一两分钟会在网页自动弹出localhost:3000的react网页窗口
这就说明我们已经完成了基本的React项目搭建,可以开始React项目开发了。
react安装教程
最新推荐文章于 2024-04-18 20:01:52 发布