搭建react或者react native開發環境
阿新 • • 發佈:2018-12-14
安裝React環境
- 首先安裝node.js 的npm環境,後面我們要通過npm來安裝react
- 安裝完成後,開啟cmd,然後看一下node版本,得大於6.5以上,
用命令列node -v - 然後安裝react環境,通過在cmd下命令:npm install create-react-app -g
- 建立一個專案名字叫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