如何在 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 代码和其他资源。

我的开源项目

相关推荐
CarIise7 小时前
下拉菜单HTML/CSS/JS实现
前端·css
2601_962071577 小时前
Java进阶(vue基础)
前端·javascript·vue.js
研☆香7 小时前
数组方法 splice讲解 拓展
开发语言·前端·javascript
码视野7 小时前
基于 Spring Boot + Vue3 的【城市地下燃气管网微泄漏感知与相邻地下空间燃爆预警中台】设计与实现(含PRD/三端高保真源码/大屏)
java·前端·人工智能·spring boot·后端
淡海水7 小时前
05-03-栈队列-PriorityQueue-TElement-TPriority-NET6优先队列语义与四叉堆实现
服务器·前端·c#·priorityqueue·clr·telement
ITresearchGuest8 小时前
LangChain JS 入门:快速搭建前端 AI 开发环境
前端·javascript·langchain
YHHLAI8 小时前
React + TypeScript 实战:从零构建颜色选择器应用
前端·react.js·typescript
Profile排查笔记8 小时前
指纹浏览器手机版怎么选?从本地 App 到云端 Android 的实现方式解析
前端·人工智能·后端·自动化
浪兎兎8 小时前
Vue CLI笔记
前端·vue.js·笔记
Csvn8 小时前
Proxy / Reflect 与响应式原理:完整手写一个 mini Vue3 响应式系统
前端