在JSX文件上使用Babel> Transform时，Sublime Text报告语法错误

Question

症状
当我在.jsx文件上使用Sublime Text的工具> Babel>转换时，如下所示...

function ActionLink() {
  return (
    <a href="#">
      Click me
    </a>
  );
}

...由于特殊的JSX语法，出现语法错误：

Error: SyntaxError/home/ ... /test.jsx: Unexpected token (3:4)

  1 | function ActionLink() {
  2 |   return (
> 3 |     <a href="#">
    |     ^
  4 |       Click me
  5 |     </a>
  6 |   );

详细信息
在Ubuntu 16.04上，我正在设置Sublime Text以与React的JSX文件一起使用。我了解我需要安装Babel才能执行此操作。当我使用“程序包控制：安装程序包”时，Babel程序包没有显示为一个选项，但是当我使用“首选项”>“浏览程序包”时，我看到一个Babel文件夹，因此它似乎已经安装。

在终端窗口中，我运行了以下命令。

$ sudo npm install -g babel
$ npm install --save-dev @babel/preset-react
$ npm install babel-core babel-loader --save-dev
$ npm install --save-dev @babel/plugin-syntax-jsx

我确保已检查菜单项View > Syntax > Babel > JavaScript (Babel)中的.jsx个文件，并且突出显示了代码。

我错过了哪些步骤？