如何在 macOS 上创建 React.js 应用程序 ?

你听说过 React.js JavaScript 库吗?它非常酷,被开发人员广泛使用于创建交互式用户界面和组件。

本文中,我们将向你展示如何在 MacOS 上面建立 React 开发环境。

Step 1: Installing Node.js and NPM

首先,你需要在 Mac 电脑上安装 Node.js 和 NPM

复制代码
nvm install 16

如何在 macOS 上安装和配置 NVM ?

Step 2: Install create-react-app Module

安装完 Node.js 和 NPM 后,就可以在终端中输入以下命令来安装 React CLI

复制代码
npm install create-react-app --location=global

Step 3: Creating React Application

将当前目录路径更改为 /root 目录,可以使用其他目录路径,但是要确目录中不包含 git 存储库。

复制代码
npx create-react-app my-app

然后,切换到项目目录,并使用 npm 启动它:

复制代码
cd my-app 
npm start

应用程序默认监听 localhost:3000,您可以在 web 浏览器中访问它。

Safari 是 macOS 默认浏览器,你也可以使用 Chrome 浏览器。谷歌 chrome 提供了开发环境和 React 开发者工具的 chrome 扩展。

Step 4: Build React Application

React 应用程序准备好后,使用以下命令来构建应用程序。

复制代码
npm run build

上面的命令构建 React 应用程序,并在当前目录下创建一个名为 build 的文件夹,包含应用程序所需的 JavaScript 代码和其他资源。

我的开源项目

相关推荐
俊昭喜喜里36 分钟前
理解全局跨域CORS配置
前端
锋行天下3 小时前
DeepSeek写Langgraph就是个大傻逼,一本正经胡说八道
前端·人工智能·后端
jktantan4 小时前
每个节点 41 字节:把一棵百万节点树拆进 14 个 typed array
前端·javascript·vue.js·算法·typescript
计算机魔术师4 小时前
Anthropic官方插件被「寄生」,背后是同一类攻击又来了
前端
DevLoom_4 小时前
macOS 27 升级后 Time Capsule 无法备份?AFP 协议废弃后的完整解决方案与备份迁移教程
macos·时间机器·macos27·macos 27备份·macos实用技巧
我命由我123454 小时前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
key_3_feng5 小时前
评估与对齐:Agent 自我进化的护栏
前端·数据库·agent
金海星科技5 小时前
船舶交通管理中心的人工智能值守:从“听、说、读、写“看人机协同
人工智能·macos·xcode
LaughingZhu5 小时前
Product Hunt 热榜 2026-10-30:Empacer、Scape、Floot in ChatGPT
java·前端·数据库·人工智能·chatgpt·notion
Lank_M5 小时前
抠图结果缩放后边缘发脏,该怪的不是插值
前端