React Native-安装与环境配置

前端之家收集整理的这篇文章主要介绍了React Native-安装与环境配置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、前端框架分析:
值得一提的是,目前的前端开发领域非常繁荣,各种工具、库、理念层出不穷,再也不是前几年jQuery一个库打天下的境况了。随着前端开发领域的持续发展,这一局面一定还会继续下去,我个人认为目前前端的流行趋势是这样的:
(1)React:由Facebook推出,通过单向数据绑定、虚拟DOM以及强大的生态圈(Flux、Redux等等),再配合WebPack等工具,掀起了前端的一阵旋风,也是各大公司前端所热烈追逐的技术,目前呈现出非常强劲的发展势头,更新频率也非常快速
(2)Angular:由Google推出,通过双向数据绑定以及一整套完善的指令与库实现了前端的一站式开发,目前也是SPA(Single Page Application,单页面应用)的重要选择之一。不久之后将会发布的Angular 2.0将会成为Angular的一个重要里程碑,新版本增加了诸多重要功能与特性,值得每一个前端开发者重点掌握。
(3)jQuery:老牌的前端开发工具库,目前依然得到了广泛的应用。jQuery已经流行很多年了,而且在可预计的未来还将一直流行下去。它简化了前端开发者的日常工作,通过简洁的函数封装实现了DOM操作、CSS操作、Ajax调用、各种动画效果,浏览器兼容性等诸多功能,是最受前端开发者青睐的工具之一。而且,jQuery还可以很好地与React及Angular进行集成,便于复用组织内已有的基础设施,增强效率。
(4)Cordova (PhoneGap):PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。 PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列丰富的API供开发者调用,只要你会HTML和Javascript或 者Java语言,就可以利用PhoneGap提供的API去调用各种功能,制作出在各种手机平台(iPhone,Android ,BlackBerry,Symbian,Palm,Window Phone)上运行的应用。目前phonegap获得Apple,IBM,NOKIA,palm等众多公司的支持。简单来说使用PhoneGap就是使用HTML,JavaScript和CSS来开发程序,最终通过PhoneGap可以产生对应版本的native 程序。Cordova是后面Apache改的名字,历史原因,这里不细说了。

二、环境安装
1. 开发机器:MacBook Pro
2. 开发工具:Web Storm
3. Nodejs
4. nvm
5. npm
6. React
(1)Web Storm:自行百度安装
(2)安装Node是非常简单的事情,在Mac平台上只需从Node官网(https://nodejs.org)下载Node的安装包即可双击安装,同时还会自动安装npm(Node的包管理器)。目前Node的最新版本是6.3.1。不过这样安装Node存在一个严重的问题:Node现在的发展速度非常快,版本更迭也非常频繁,可能安装不就之后Node就发布了新的版本,这时如果要体验Node的最新版特性就变得比较困难了。因为一方面要保留老的Node版本供系统开发所用,另一方面还想要尝试Node的新特性。那该怎么办呢?答案就是使用nvm(Node Version Manager)。
(3)安装nvm和nodejs
nvm是一个优秀的Node版本管理器,可以使多个Node版本在同一台电脑上共存并且互不影响,而且还能轻松实现各个版本的Node切换。此外,它还支持查询本地安装的各个Node版本,支持查询远程发布的所有Node版本与iojs(之前从Node分裂出来的一个版本,不过后来Node与iojs又合并了)版本,并且安装也是非常便捷的。
在终端运行一下命令进行安装:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.3/install.sh | bash

只需通过上述一行命令即可在Mac上安装nvm。
安装完毕后在Terminal中输入命令:nvm help即可列出nvm支持的各项命令,比如说:
nvm –version:显示nvm版本
nvm ls:列出本地安装的所有Node版本
nvm ls-remote:列出远程所有的Node与iojs版本
nvm current:显示当前激活的Node版本
nvm install v0.10.32:安装v0.10.32这个Node版本
nvm use 0.10:使用0.10这个Node版本
nvm alias default 0.10.32:将0.10.32这一版本作为默认使用的Node版本
以上只列出了nvm众多功能的一些重要功能,感兴趣的读者可以自行安装nvm并查看命令。对于我们这个示例来说,我们安装最新版本的Node即可,命令如下所示:

nvm @H_301_44@install v6.3.1

这个时候有些人就会碰到command not found的提示,这个时候我们要把系统的隐藏文件显示出来,在终端运行以下命令显示和隐藏文件

打开终端,输入:
defaults write com.apple.finder AppleShowAllFiles -bool true 此命令显示隐藏文件
defaults write com.apple.finder AppleShowAllFiles -bool false 此命令关闭显示隐藏文件

命令运行之后需要重新加载Finder:快捷键option+@H_301_44@command+esc,选中Finder,重新启动即可

打开finder,你就会看到:

双击打开它,把下面的文字复制进去:

@H_301_44@export NVM_DIR="/Users/zhao/.nvm" 
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  # This loads nvm

那文中的zhao换成你的用户名,保存退出,然后重启终端,在使用刚才的命令安装nodejs即可。

这样nvm ,n
pm和nodejs就安装完成了。

打开webstrom就能创建一个react项目了。

猜你在找的React相关文章