VS code开发运行react native项目

本文详细介绍了在使用React Native进行项目开发时遇到的启动权限问题及解决方案。当尝试使用react-native start命令启动项目时,可能会遇到由于权限不足导致的脚本加载失败错误。文章提供了通过调整PowerShell执行策略来解决此问题的具体步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、创建好react native项目,使用VS code打开项目,在android文件下的local.properties写上sdk的路径

2、在终端-新建终端,在终端执行 react-native start命令

报react-native : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\react-native.ps1,因为在此系统上禁止运行脚本 错误,这是因为权限问题导致的

解决方法:找到powershell,使用管理员权限运行,然后输入set-ExecutionPolicy RemoteSigned  ,然后选择Y 或者A ,就好了

3、再在终端输入 react-native start命令运行即可成功

### 配置 VS Code开发 React Native 的方法 #### 安装必要的软件和工具 为了在 VS Code 中成功配置 React Native 开发环境,需要先完成以下准备工作: 1. **安装 Node.js 和 npm** React Native 依赖于 Node.js。可以从官方站点下载并安装适合操作系统的版本[^3]。 2. **安装 JDK (Java Development Kit)** 如果目标平台是 Android,则还需要安装 JDK 来支持 Android 工具链。 3. **安装 React Native CLI** 使用 npm 全局安装 `react-native-cli` 命令行工具,以便创建和管理 React Native 项目: ```bash npm install -g react-native-cli ``` 4. **安装 VS Code 并设置扩展** 下载并安装 Visual Studio Code 编辑器[^1]。随后,在 VS Code 扩展市场中搜索并安装以下常用插件: - React Native Tools - ESLint - Prettier - Code formatter 这些插件能够增强代码编辑体验以及提供调试功能。 #### 创建一个新的 React Native 项目 可以通过 React Native CLI 创建新项目: ```bash npx react-native init MyProjectName ``` 此命令会初始化一个名为 `MyProjectName` 的全新 React Native 应用程序目录结构[^1]。 #### 设置调试环境 要启用 VS Code项目的调试能力,需按照以下步骤进行调整: 1. **打开 launch.json 文件** 在 `.vscode/launch.json` 路径下找到或新建该文件,并将其内容修改为类似于下面的形式[^4]: ```json { "version": "0.2.0", "configurations": [ { "name": "Debug Android Hermes - Experimental", "request": "launch", "type": "reactnativedirect", "cwd": "${workspaceFolder}", "platform": "android" } ] } ``` 2. **启动 Metro Bundler** 运行应用前,确保 Metro bundler 正常工作。可以在终端执行下列指令开启服务: ```bash npx react-native start ``` 3. **构建与运行应用程序** 切换到另一个终端窗口,输入对应设备模拟器的启动命令。例如针对安卓设备使用: ```bash npx react-native run-android ``` 至此,已完成整个基于 VS CodeReact Native 开发环境搭建过程[^4]。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值