环境搭建

React Native 教程 · 第 2 章 · 7 次浏览

RN 环境比 Web 项目重：Node.js + Java JDK + Android Studio（安卓）/ Xcode（iOS）+ 原生依赖。官方推荐用 Expo 简化入门。

两条路线

Expo（推荐入门）：npx create-expo-app，无需原生环境，手机装 Expo Go 扫码即跑
React Native CLI（完整控制）：npx @react-native-community/cli init，需要 Android Studio 模拟器

检查环境

node -v、java -version、Android Studio SDK 配置（ANDROID_HOME）。Expo 路线不用配原生环境。

代码示例

# Expo 路线（新手推荐）
npx create-expo-app my-app
cd my-app
npm start
# 手机装 Expo Go，扫码预览

# RN CLI 路线
npx @react-native-community/cli init MyApp
cd MyApp
npx react-native run-android    # 需要模拟器
# 或
npx react-native run-ios        # macOS + Xcode

📚 Shell 命令速查

常用条目速查，完整版见对应教程章节。可复制代码到在线运行中测试。

写法 / 语法	作用
`ls / ls -la`	列出文件（-la 显示隐藏和详情）
`cd 目录`	切换目录
`pwd`	显示当前目录
`mkdir -p 目录`	创建目录（-p 自动建父级）
`touch 文件`	创建空文件
`cp -r 源目标`	复制（-r 递归复制目录）
`mv 源目标`	移动 / 重命名
`rm -rf 目录`	删除（危险，慎用）
`cat 文件`	查看文件内容
`less 文件`	分页查看文件（q 退出）
`grep "关键词" 文件`	按关键词搜索
`find . -name "*.php"`	按名称查找文件
`chmod 755 文件`	修改权限
`ps aux`	查看进程
`kill 进程号`	结束进程
`top`	实时资源监控
`df -h / free -m`	磁盘 / 内存占用
`tar -czf a.tar.gz 目录`	打包压缩
`tar -xzf a.tar.gz`	解压
`curl 网址`	请求网址（测试接口）
`wget 网址`	下载文件
`ssh 用户@主机`	远程登录
`scp 文件用户@主机:/路径`	远程传文件
`sudo 命令`	以管理员执行
`crontab -e`	编辑定时任务