一图贸、Node.js 安裝蹂季。
官網(wǎng)地址：下載地址
安裝完成以后下通過 cmd 查看 Node.js 版本：
node -v
當(dāng)安裝完 Node.js 后，NPM 也會(huì)一同被安裝疏日，NPM是隨同NodeJS一起安裝的包管理工具偿洁，能解決NodeJS代碼部署上的很多問題。
npm -v
二沟优、npm 設(shè)置為淘寶鏡像涕滋。
如果npm下載的讀讀太慢可以設(shè)置為淘寶的鏡像
1. 修改
#臨時(shí)使用
npm --registry https://registry.npm.taobao.org install express
#永久使用
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
2. 還原
npm config set registry https://registry.npmjs.org/
- 配置后可通過下面方式來驗(yàn)證是否成功
npm config get registry
- 或
npm info express
三、安裝 react-native-cli净神。
1.命令行輸入如下命令安裝 react-native-cli
npm install -g react-native-cli
2.安裝完成后何吝，通過 react-native-cli -v 查看版本，確定是否安裝成功
react-native-cli -v
四鹃唯、創(chuàng)建項(xiàng)目并且初始化爱榕。
cd到指定目錄下或者在指定目錄下打開cmd窗口，通過命令行初始化一個(gè)項(xiàng)目：
react-native init ProjectName
隨后開始初始化項(xiàng)目坡慌，下載資源(過程很長(zhǎng))黔酥。
目錄
- android: Android 工程源代碼，可以通過 Android Studio 打開洪橘。
- ios: ios 項(xiàng)目工程源代碼跪者，可以通過 xcode 打開。
- node_modules: react-native 工程用到的模塊熄求。
- App.js 是 react-native 工程的主源碼文件渣玲，入口文件，相當(dāng)于 html 中的 index.html弟晚。
- package.json: 主工程描述文件忘衍。
五、運(yùn)行項(xiàng)目卿城。
項(xiàng)目根目錄下打開CMD枚钓，通過輸入如下命令來運(yùn)行項(xiàng)目：
react-native run-android
六、模擬器調(diào)試項(xiàng)目瑟押。
ctrl+m
可以調(diào)出模擬器的菜單界面搀捷。
- Reload js:Reload js將你項(xiàng)目中js代碼部分重新生成bundle文件，然后傳輸給模擬器或手機(jī)多望。
- Enable Live Reload:該選項(xiàng)提供了React Native動(dòng)態(tài)加載的功能嫩舟。當(dāng)你的js代碼發(fā)生變化后氢烘，React Native會(huì)自動(dòng)生成bundle然后傳輸?shù)侥M器或手機(jī)上
