Nodejs,Npm,React安装教程

来源:互联网 发布:苹果特效相机软件 编辑:程序博客网 时间:2024/06/05 12:49

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 -vv8.9.0$:npm -vv5.5.1

4.安装react

终端打开,首先要终端科学上网。

npm install -g create-react-appnpm 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 democreate-react-app hello-worldcd hello-worldnpm start

如果成功自动打开浏览器并跳转到react-native界面即成功。

安卓版的测试(暂时不需要了解)

react-native init Demoreact-native startreact-native run-android #即可打包编译APK了

在弹出的调试菜单中的Dev Settings中的Debug Server host中写上Server端的ip地址+端口,例如 192.168.0.1:8081
端口是在React Native 的Server开头显示的
在编码调试过程中一定不能关闭Server窗口

原创粉丝点击