`

react native 开发环境搭配

 
阅读更多
1. 下载node
wget https://nodejs.org/dist/v8.9.3/node-v8.9.3-linux-x64.tar.xz

2. 解压
tar -xvf node-v8.9.3-linux-x64.tar

3. ln -s /root/node-v8.9.3-linux-x64/bin/node /usr/local/bin/node
   ln -s /root/node-v8.9.3-linux-x64/bin/npm /usr/local/bin/npm

4. 把node/bin设置成系统环境变量,方便随时访问node 和 npm

sudo vim /etc/environment 添加 /usr/local/node-v8.9.3-linux-x64/bin

5. 测试node & npm 是否安装成功
  node -v
  npm -v

6.安装yarn
npm install -g yarn react-native-cli

配置镜像,下载更快
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

7. 创建基础项目
  cd home
  react-native init AwesomeProject
  cd AwesomeProject
  react-native run-android  (运行中遇到问题,1.在android目录新建local.properties把android studio那边的文件拷贝过来,另外下载有些库不能一次成功,因此运行的命令重复多次尝试才可以)
分享到:
评论

相关推荐

    使用ReactNative开发的知乎专栏App简约风格的设计

    1. 安装环境:首先,确保你已经安装了Node.js、npm以及Android或iOS的开发环境。 2. 初始化项目:使用`create-react-native-app`或者`react-native init`命令创建一个新的React Native项目。在本例中,项目名为`...

    征服大前端第三季(React、React Native、Redux、Node.js、Keystone、MongoDB).rar

    React Native的核心理念是共享代码库,这大大提升了开发效率,但同时又能保持原生应用的性能和用户体验。 Redux是JavaScript状态管理库,常与React搭配使用,以提供可预测化的状态管理。Redux强调单一数据源,所有...

    Omnistack9.0:应用程序Air CNC的存储库,使用RocketSeat的Omnistack 9.0使用Node + React + React Native开发

    在这个项目中,参与者将使用 Node.js、React 和 React Native 构建一个名为 Air CNC 的应用程序。这是一个跨平台的应用,允许用户管理 CNC(计算机数控)机器的订单和任务。 **一、Node.js** Node.js 是一个基于 ...

    RN-Gank:一个基于React Native的Gank客户端

    RN-Gank 简介(Introduce) RN-Gank 是使用 React Native 完成的 APP,感谢 提供 API。...首先确保 React Native 环境配置成功 步骤(Step) 依赖 npm install && npm install immutable 代码检查 npm run lint

    Android简洁美观的计算器.zip

    React Native是Facebook推出的一种跨平台移动应用开发框架,它允许开发者使用JavaScript和React来构建原生应用。在这个项目中,React Native发挥了关键作用,使得计算器界面可以在Android和Web上保持一致的用户体验...

    App开发的教程.docx

    App开发教程可以大致分为以下几个步骤,这些步骤涵盖了从需求分析到产品上线...环境搭建:安装必要的开发工具,如Android Studio、Xcode、Visual Studio Code等,并配置好开发环境。 4. 编码实现 前端开发:实现App的界

    安卓混合开发

    在安卓混合开发中,React Native是一个非常流行的框架,由Facebook开发并维护。它允许开发者使用JavaScript和React库来编写具有原生性能的应用程序。React Native的核心理念是"Learn once, write anywhere",这意味...

    App开发的教程.pdf

    3. 技术选型与开发环境搭建 技术选型:根据App的需求和团队的技术栈,选择合适的开发语言、框架和工具。例如,对于移动App,可以选择原生开发(如Android的Java/Kotlin,iOS的Swift/Objective-C)或跨平台开发(如...

    基于gulp的前端自动化开发环境.zip

    在前端开发中,会涉及到一些重要的前端技术栈,如vue.js、react.js、node.js、前端安全、react-native等。同时,也需要借助一些工具,如代码编辑工具(WebStorm、VS Code)、代码版本控制工具(Git、SVN)、代码包...

    React:React

    开发环境一般会配置 ESLint和Prettier进行代码规范检查和格式化,确保团队合作时代码风格的一致性。Jest和Enzyme是常用的测试工具,用于单元测试和集成测试React组件。 在React应用部署时,我们可以利用Create ...

    learn-react

    9. **React Native**:React的技术也扩展到了移动应用开发,React Native允许开发者使用相同的React组件模型来构建原生的iOS和Android应用。 10. **优化技巧**:包括使用PureComponent和shouldComponentUpdate进行...

    React-JS

    对于开发环境,创建React应用最常用的是Create React App,它提供了一套开箱即用的配置,免去了开发者配置构建工具的繁琐工作。 React还支持服务器端渲染(SSR),这可以提高SEO,改善首屏加载速度。React Native则...

    App开发需要了解的基本技术共3页.pdf.zip

    2. **开发环境**:iOS开发使用Xcode IDE,集成了一系列工具,包括代码编辑、调试器和模拟器等。Android开发则使用Android Studio,同样提供了完整的开发环境和丰富的资源库。 3. **用户界面(UI)设计**:良好的...

    移动跨平台APP开发框架比较

    React Native 是一个移动跨平台APP开发框架,优点是能够在 Javascript 和 React 的基础上获得完全一致的开发体验,构建世界一流的原生APP,仅需学习一次,编写任何平台,Flexbox 布局据说比 native 的自适应布局更加...

    圈子App - 总报告1

    - 前端:我们选择了React Native作为主要的前端开发框架,因为它允许我们跨平台开发,同时提供丰富的组件库和优秀的性能。此外,我们还使用Redux进行状态管理,以保持应用状态的一致性。 - 后端:我们选择了Node.js...

    仿抖音自动播放以及评论界面

    开发者需要熟练掌握Java(或Kotlin)和Swift(或React Native)等编程语言,同时理解Android Studio或Xcode等集成开发环境的使用。此外,还需了解原生App开发或者跨平台开发框架如Flutter、React Native等。 2. ...

    双端影视APP源码【美化过】

    - **Android Studio**:用于开发Android应用,集成开发环境提供了丰富的调试工具和组件库。 - **Xcode**:苹果官方的IDE,用于iOS应用开发,支持Swift和Objective-C编程语言。 - **跨平台框架**:如React Native...

    SotonSquashClubApp:南安普敦大学壁球俱乐部的移动应用程序

    可能的技术栈包括Node.js(JavaScript的服务器端运行环境)搭配Express.js(一个轻量级的Web应用框架),构建RESTful API接口,用于接收和响应客户端请求。 在安全性方面,OAuth 2.0或JWT(JSON Web Tokens)可能被...

    taro框架仿照萤火小程序写的样式

    Taro 是一个遵循 React 语法规范的多端开发框架,它支持开发微信小程序、H5、React Native等平台的应用。其核心理念是“Write Once,Run Everywhere”,即一次编写,多处运行。Taro 提供了与 React Native 类似的...

Global site tag (gtag.js) - Google Analytics