https://zhangdapeng.dev/tags/reactnative/Recent content in ReactNative on Dapeng ZhangHugo -- gohugo.ioen-usMon, 21 Jul 2025 18:16:09 +0800https://zhangdapeng.dev/p/react-native-xue-xi-yi/Mon, 21 Jul 2025 18:16:09 +0800https://zhangdapeng.dev/p/react-native-xue-xi-yi/<p>react-native的安装</p> <p>首先确定自己是否安装了Node，如果没有安装Node的话，就需要安装node了，因为是依赖node的。</p> <p>安装推荐方式：nvm</p> <p>nvm是node的一个多版本管理器，方便管理node的版本安装和更新，本人觉得超级好用，推荐之。</p> <p>nvm的安装很简单，去github上了解一下就好了，这里给个链接：<a class="link" href="https://github.com/creationix/nvm" target="_blank" rel="noopener" >https://github.com/creationix/nvm</a></p> <p>安装完就可以安装node了，使用nvm安装node很简单</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>nvm install v4.2.1 </span></span></code></pre></div><p>就这么简单</p> <p>安装完node，还要设定一下，不然一会安装完react-native后启动了，还是会找不到node</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>nvm alias default v4.2.1 </span></span></code></pre></div><p>这样的话v4.2.1版本的node就加入到你的Path中了，每次启动都会默认存在的。</p> <p>安装react-native</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>node install react-native -g </span></span><span style="display:flex;"><span>brew install watchman </span></span><span style="display:flex;"><span>brew instal flow //建议安装上比较好，不然watchman出问题怎么办，备用 </span></span></code></pre></div><p>就是这样，可以了，等待安装结束吧</p> <p><strong>================</strong></p> <p><strong>brew 没有咋办？自己去安装哇，这么好用的工具都不知道:<a class="link" href="http://brew.sh/" target="_blank" rel="noopener" >http://brew.sh/</a></strong></p> <p><strong>================</strong></p> <p>生成一个react-native项目吧</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>react-native init GowhichProject </span></span></code></pre></div><p>如何查看项目呢，需要用到xcode，没有的话，自己先安装吧，安装完再继续看吧。这里假如你已经安装好了。</p> <p>用xcode打开GowhichProject/ios/目录下的.xcodeproj为后缀的文件，运行一下模拟器试试吧。</p> <p>=====</p> <p>以上步骤没看懂？好吧，给自己一个连接吧</p> <p>英文：</p> <p><a class="link" href="https://facebook.github.io/react-native/docs/getting-started.html#content" target="_blank" rel="noopener" >https://facebook.github.io/react-native/docs/getting-started.html#content</a></p> <p>中文：</p> <p><a class="link" href="http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html" target="_blank" rel="noopener" >http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html</a></p>