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窗口