自学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项目中,这样运行就不会出错了。
- 自学React Native(一)
- React-Native自学之路(1)
- react-native学习(一)
- React Native 入门(一)
- React-Native自学资料汇总
- React Native iOS环境搭建(ios自学笔记)
- 自学react-native之必备知识点(ES6+ReactJS+flexbox)
- React Native (一) --React 入门
- React Native学习一:初识React Native
- React Native(iOS)一、环境篇
- react native 样式初学~(一)
- React Native项目初窥(一)
- React Native Android(一)环境搭建
- React Native Android(一)环境搭建
- React Native技术剖析(一)
- React Native初步学习(一)
- react native (一) 搭建环境
- 《react-native》从零开始(一)生命周期
- C语言求最小公倍数
- Longest substring without repeating characters
- SharedPreferences保存List
- JAVA的构造器和构造方法
- uvalive3882(约瑟夫环) B
- 自学React Native(一)
- hdu1231 并查集模板题
- please shutdown interbase guardian before proceeding
- 在Octave中移动数据
- 数据结构(六)线性表(一)
- hdu5916长春区题目-瞎搞构造
- UnicodeDecodeError: 'ascii' codec can't decode byte 0xef in position 7
- Android App 常用的几种系统交互程序
- hdu1272 并查集