babel-cli和@babel/cli是Babel的命令行工具，用于在命令行中使用Babel进行代码转换和编译。它们的主要区别在于版本和名称的改变。

在Babel 7之前，Babel的命令行工具是babel-cli，并且需要通过全局安装的方式进行使用。它的安装命令是：

npm install -g babel-cli

使用babel-cli时，可以直接在命令行中执行babel命令来进行代码转换和编译。

而在Babel 7以后，Babel的命令行工具改为了@babel/cli，并且推荐使用本地安装的方式进行使用。它的安装命令是：

npm install --save-dev @babel/cli

使用@babel/cli时，需要使用npx来执行babel命令，或者在package.json中配置scripts来快速执行。

下面是一个使用@babel/cli的代码示例：

1. 首先，安装@babel/cli：

npm install --save-dev @babel/cli

2. 在项目根目录下创建一个名为.babelrc的文件，用于配置Babel的转换规则。例如，可以将以下内容写入.babelrc文件中：

{
  "presets": [
    "@babel/preset-env"
  ]
}

3. 然后，在命令行中执行以下命令：

npx babel src -d dist

这将会将src目录下的代码转换为dist目录中的代码，使用.babelrc中的转换规则。

总结来说，babel-cli是Babel 7之前的命令行工具，需要全局安装；而@babel/cli是Babel 7以后的命令行工具，推荐本地安装。使用方式上略有差异，但功能和用途基本相同。