vue项目查看vue版本及cli版本的实现方式

要查看Vue版本以及CLI版本，需要在控制台中使用命令来完成。下面是具体的步骤和示例：

步骤1：查看Vue版本

1. 在控制台中运行以下命令：

vue --version

在命令行中，你应该看到Vue的版本号。例如：

Vue CLI 4.2.3

这意味着你正在使用Vue CLI4的最新版本。

步骤2：查看CLI版本

1. 在控制台中运行以下命令：

vue info

1. 这将返回Vue CLI项目的详细信息。在信息中，你可以看到Vue CLI的版本号。例如：

Vue CLI: 4.2.3

此外，你还可以查看其他信息，例如Node.js版本、操作系统信息、npm版本等。

示例1

我们假设你已经全局安装了Vue CLI，并创建了一个新的Vue项目。要查看你的Vue项目的版本信息，可以按照以下方式操作：

1. 打开终端并进入你的项目目录。
2. 运行以下命令：

vue info

此时输出的应该是类似如下的信息：

System:
    OS: macOS 10.15.5
    CPU: (8) x64 Intel(R) Core(TM) i7-8559U CPU @ 2.70GHz
    Memory: 3.66 GB / 16.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 12.14.1 - ~/.nvm/versions/node/v12.14.1/bin/node
    npm: 6.13.4 - ~/.nvm/versions/node/v12.14.1/bin/npm
  Browsers:
    Chrome: 83.0.4103.116
    Firefox: 77.0.1
  npmPackages:
    @vue/cli-service: 4.4.1
    vue: 2.6.11
  npmGlobalPackages:
    @vue/cli: 4.4.1

在项目的详细信息中，你可以看到Vue的版本号（即vue: 2.6.11）以及CLI的版本号（即@vue/cli: 4.4.1）。你也可以查看其他信息，例如Node.js版本、操作系统信息、npm版本等。

示例2

Suppose you want to check the version of Vue CLI that you have installed globally on your system.

1. 打开终端并输入以下命令：

vue --version

1. 如果你已经安装了Vue CLI，则在命令行中应该显示Vue CLI的版本号。例如：

@vue/cli 4.4.1

这意味着你正在使用Vue CLI的4.4.1版本。