📜  react js 安装 - Javascript(1)

📅  最后修改于: 2023-12-03 15:04:48.675000             🧑  作者: Mango

React JS安装

React JS是Facebook推出的一个主流的JavaScript库,用于构建用户界面。本文将介绍如何安装React JS。

安装Node.js和npm

React JS需要Node.js和npm来安装和管理相关依赖。

Windows
  1. 下载Node.js安装文件并双击启动。
  2. 按照安装向导提示进行安装。
  3. 安装成功后,打开命令提示符或PowerShell,输入以下命令进行node.js和npm版本检查。
node -v
npm -v
macOS
  1. 打开终端(Terminal),输入以下命令以安装Homebrew:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
  1. 安装完毕后,输入以下命令安装Node.js和npm:
brew install node
  1. 安装成功后,输入以下命令进行node.js和npm版本检查。
node -v
npm -v
创建React项目

在Node.js安装成功后,我们可以使用Node.js提供的npm包管理器来创建新的React项目。

  1. 打开命令提示符或终端,输入以下命令进行全局安装create-react-app:
npm install -g create-react-app
  1. 创建一个新的React项目:
npx create-react-app my-app
  1. 进入新创建的React项目目录。
cd my-app
运行React项目
  1. 在React项目文件夹中,输入以下命令来启动开发服务器:
npm start
  1. 在浏览器中访问http://localhost:3000即可查看React项目主页。
结论

在本文中,我们介绍了如何安装React JS和创建新的React项目。现在你可以开始在React项目中开发你的应用程序。祝你好运!