自学React Native(一)

来源:互联网 发布:预算软件破解版 编辑:程序博客网 时间:2024/05/21 18:45

React Native听说最近一段时间特别火,今天我就自学下它。

首先,第一步我们要把需要的软件安装好。

1. 安装node.js(百度网盘软件下载地址:http://pan.baidu.com/s/1eROyodc)默认安装

2.nodejs的用法

cmd切换到安装地址
查看npm版本  npm -v
更新npm      install npm -g


npm 安装 Node.js 模块语法格式
npm install <Module Name>

使用 npm 命令安装常用的 Node.js web框架模块 express
npm install express

安装好之后,express 包就放在了工程目录下的 node_modules 目录中,因此在代码中只需要通过 require('express') 的方式就好,无需指定第三方包路径
var express = require('express');

npm install express          # 本地安装
npm install express -g   # 全局安装

本地安装
1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
2. 可以通过 require() 来引入本地安装的包。

使用以下命令来查看所有全局安装的模块
npm ls -g

Package.json 属性说明
name - 包名。
version - 包的版本号。
description - 包的描述。
homepage - 包的官网 url 。
author - 包的作者姓名。
contributors - 包的其他贡献者姓名。
dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。
repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。
main - main 字段是一个模块ID,它是一个指向你程序的主要项目。就是说,如果你包的名字叫 express,然后用户安装它,然后require("express")。
keywords - 关键字

使用以下命令来卸载 Node.js 模块
npm uninstall express

卸载后,你可以到 /node_modules/ 目录下查看包是否还存在,或者使用以下命令查看
npm ls

使用以下命令更新模块:
npm update express

使用以下来搜索模块
npm search express


建议设置npm镜像以加速后面的过程(或使用科学上网工具)。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global


3.安装react-native

3.1安装react-native命令行工具
npm install -g react-native-cli

3.2创建项目
进入你的工作目录,运行
react-native init MyProject
并耐心等待数(或数十)分钟。

3.3运行packager(保持状态)
react-native start

3.4安卓运行
保持packager开启,另外打开一个命令行窗口,然后在工程目录下运行
react-native run - android

注意:由于Android要配置sdk 容易出错那就
用as新建一个项目,把as新建的项目的local.properties的文件考入react native新建的项目Android项目中,这样运行就不会出错了。









0 0
原创粉丝点击