主页 / ubuntu / 问题 / 900454
Accepted
Harsha
Asked: 2017-04-06 04:58:27 +0800 CST

如何安装 ReactJS？

  • 772

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

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

software-installation

4 个回答

  1. Best Answer

    假设您还没有安装任何东西，请使用以下命令安装 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 启动您的程序。

    • 17

  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

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

      npm run eject

    我们建议您首先键入：

    cd hello-world
npm start
    • 2

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

    • 1

  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

    顺利完成。

    • -1

相关问题