安裝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
React項目:
項目打包 npm run build,然後會生成一個build文件,裏面是打包好的項目
如果想在本地搭一個微型服務環境,可以下npm install -g serve這個命令,然後會給兩個地址,訪問這兩個地址都可以訪問打包完的項目。