javascript - 我如何设置 React?

标签 javascript node.js reactjs browserify

拜托,我只是想开始学习 React,但我不确定如何安装它。推荐了 Browserify,但我以前从未使用过它,所以我很困惑。

执行此命令后:npm install --save react react-dom babelify babel-preset-react,接下来我该做什么?如何创建文件夹并开始使用 React?这另一个命令是什么意思,browserify -t [babelify --presets [react]] main.js -o bundle.js

最佳答案

我刚刚在 CentOS7 上自己设置了这个,所以,我想我会分享这些知识。

--安装 React:

sudo npm install -g create-react-app

--将“公共(public)”区域分配给 React 在防火墙中使用的网络接口(interface):

firewall-cmd --zone=public --add-interface=eth0

--在开发网络的防火墙中打开 React 端口:

firewall-cmd --zone=public --add-port=3000/tcp --permanent
firewall-cmd --zone=public --add-port=5000/tcp --permanent

注:3000为开发版,5000为生产版。

--创建一个 React 项目:

create-react-app project

--进入项目目录并运行NPM:

cd project
npm start

--你会得到这样的结果:

Compiled successfully!

You can now view project in the browser.

    Local:            http://localhost:3000/
    On Your Network:  http://192.168.10.10:3000/

然后只需在浏览器中加载该 URL。

如果你现在想学习如何在 React 中编码,那么我推荐这个教程:https://facebook.github.io/react/tutorial/tutorial.html

关于javascript - 我如何设置 React?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34885370/

相关文章:

javascript - Webdriver.io 因 NoSessionIdError 崩溃

node.js - 使用命令扩展运行 NPM 脚本会在返回结果之前解析结果 - 与 bash 不同

javascript - 如何使用 Meteor 在 Mongo 中插入 N 个元素到文档中

node.js - 指定数据库时出现 Auth failed 错误

javascript - 如何删除 React-bootstrap popover onClick?

javascript - 使 react-router 不破坏 Jest (reactJs) 测试

javascript - jQuery:WAITING函数完成才能继续处理?

javascript - 如何在 Google Charts 轴中仅显示特定值?

javascript - 在 javascript 数组中播放音频文件时遇到问题

node.js - Alt 操作在分派(dispatch)时不会触发 alt 存储方法 (Flux)