☰

如何安装 ReactJS？

tag-icon • tag-icon software-installation javascript
如何安装 ReactJS？

我正在尝试在 Ubuntu 上安装 React JS，但是本教程仅适用于 Windows。我该如何继续？

我在网上查看了一些其他教程，发现没有两个网站按顺序建议相同的内容，而且我不确定安装第三方网站所说的内容是否安全。我对这个设置完全感到困惑。

答案1

假设您尚未安装任何内容，请使用以下命令安装 nodejs 和 npm：

sudo apt-get install nodejs npm

创建一个项目目录来构建您的应用程序：

mkdir reactApp
cd reactApp

初始化您的 npm 项目并添加所有项目库/依赖项。您可以按 Enter 键来回答在 期间提出的所有问题npm init。或者您可以使用npm init -y来跳过所有问题。

npm init OR npm init -y
npm install webpack --save
npm install webpack-dev-server --save
npm install react --save

或者，你可以使用优秀的 Facebook 人员创建的库来引导 React 项目，这样你就不必担心 webpack、babel-core 和其余部分……只需运行：

npm install -g create-react-app

然后，在全局安装完成后，你现在可以使用它来创建一个项目

create-react-app projectname

将项目名称全部保留为小写，否则您将收到错误（这是最近才开始的）。完成后，

cd projectname

瞧！

npm start或者yarn将在端口 3000 启动您的程序。

答案2

创建名为react

sudo apt install npm

这四个命令是可选的：

npm install -g babel-cli
npm install babel-preset-es2015 babel-preset-react
npm install -g browserify
npm install -g watchify

安装后运行以下命令：

npm install -g create-react-app
create-react-app hello-world
cd hello-world
npm start

你会得到类似这样的结果：

Success! Created hello-world at `/your-directory/react/hello-world`

在该目录中，您可以运行几个命令：

  • 启动开发服务器：

    npm start

  • 将应用程序捆绑成静态文件以供生产：

    npm run build

  • 启动测试运行器：

    npm test

  • 删除此工具并将构建依赖项、配置文件和脚本复制到应用程序目录中（如果这样做，则无法返回！）：

    npm run eject

我们建议您首先输入：

cd hello-world
npm start

答案3

我为此使用了 create-react-app，在终端中输入两个命令后即可完成。如果最初不起作用，只需对命令使用 sudo 即可。

答案4

要安装 Node.js：

sudo apt-get install python-software-properties
curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
sudo apt-get install nodejs
node -v 
npm -v

为了安装 React，我们还需要安装一些依赖项：

npm install -g babel-cli  
npm install babel-preset-es2015 babel-preset-react
npm install -g browserify
npm install -g watchify

现在安装 React：

npm install -g create-react-app

要创建项目，请执行以下操作：

  1. 转到 DocumentRoot：

  2. 创建项目

    create-react-app react-project  
cd react-project  
npm start

成功完成。

相关内容