1. 程式人生 > >搭建react或者react native開發環境

搭建react或者react native開發環境

安裝React環境

  1. 首先安裝node.js 的npm環境,後面我們要通過npm來安裝react
  2. 安裝完成後,開啟cmd,然後看一下node版本,得大於6.5以上,
    用命令列node -v
  3. 然後安裝react環境,通過在cmd下命令:npm install create-react-app -g
  4. 建立一個專案名字叫my-project 下命令:create-react-app my-project,然後需要等待幾分鐘,因為在安裝一個依賴
    注意:npm安裝時太慢,可以設定一下,下一個替換npm映象的命令:npm config set registry=http://registry.npm.taobao.org。設定完可以用npm config get registry後,返回http://registry.npm.taobao.org則設定成功,然後在呼叫create-react-app my-app的命令來建立專案。
    編輯器:我用的編輯器為vscode,關於配置vscode的程式碼自動提示和debug執行,這裡有一個連結說的挺好
    點選跳轉

    安裝react程式碼自動提示:1:在cmd下命令:npm install -g typings
    安裝完後cd進入專案目錄下命令:typings install dt~react-native --save --g,退出重新進入編輯器就好了

安裝React Native環境
5. 如上,安裝好Node.js 後,在cmd下命令 npm install -g react-native-cli 命令後就安裝好環境
6. 然後建立一個專案,我建立的專案的名字為FirstRnApp 下的命令是 react-native init FirstRnApp

最後安裝Android或者IOS開發環境和編譯器即可
命令列執行Android專案:在cmd進入專案的資料夾,然後下命令 react-native run-android