React安装
1.下载node.js安装包
下载二进制包
选择比较稳定的版本进行安装,v8.9
2.安装
直接把文件解压复制到某个目录下,
sudo cp -r node-v8.9.0 /opt/node #你下载的版本sudo touch /etc/profile.d/node.sh #新建一个脚本文件sudo gedit /etc/profile.d/node.sh #打开文件
在文件内写入下面代码:
export NODE_HOME=/opt/node
export PATH=PATH:NODE_HOME/bin
export NODE_PATH=PATH:NODE_HOME/lib/node_modules
npm自动补全设置
有两种方法:
1.终端打开输入:
npm completion >> ~/.bashrc #重新启动终端即可
2.写自动补全配置文件
配置文件下载
将配置文件移动到指定文件夹内:
sudo mv npm_completion /etc/bash_completion.d/
重启终端即可。
3.重启电脑
打开终端,显示以下结果就正确了。
$:nodv -v
v8.9.0
$:npm -v
v5.5.1
4.安装react
终端打开,首先要终端科学上网。
npm install -g create-react-app
npm install -g react-native-cli #此版本为安卓版
5.测试react项目
测试之前要更换镜像(国内淘宝镜像)
npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist
在home目录下创建demo文件夹
cd demo
create-react-app hello-world
cd hello-world
npm start
如果成功自动打开浏览器并跳转到react-native界面即成功。
安卓版的测试(暂时不需要了解)
react-native init Demo
react-native start
react-native run-android #即可打包编译APK了
在弹出的调试菜单中的Dev Settings中的Debug Server host中写上Server端的ip地址+端口,例如 192.168.0.1:8081
端口是在React Native 的Server开头显示的
在编码调试过程中一定不能关闭Server窗口