Vue CLI的安装与使用

Vue CLI是一个强大的工具，用于快速创建和管理Vue.js项目。通过使用Vue CLI，您可以轻松地创建项目、添加插件、运行开发服务器等。以下是Vue CLI的安装和使用方法：
一、安装Vue CLI

1. 确保您已经安装了Node.js和npm。您可以在终端中运行以下命令来检查它们的版本：

   node -v
   npm -v

2. 安装Vue CLI。在终端中运行以下命令：

   npm install -g @vue/cli

   这将全局安装Vue CLI。
3. 验证Vue CLI是否成功安装。运行以下命令：

   vue --version

   如果成功安装，将显示Vue CLI的版本号。
   二、使用Vue CLI创建项目
4. 运行以下命令来创建一个新的Vue项目：

   vue create <project-name>

   将<project-name>替换为您的项目名称。您可以选择默认配置或手动选择配置选项。
5. 在创建项目时，Vue CLI会为您的项目安装必要的依赖项。完成后，进入项目目录：

   cd <project-name>

6. 启动开发服务器。运行以下命令：

   npm run serve

   这将启动开发服务器并在浏览器中打开您的应用程序。您可以进行开发并实时查看更改。
7. 构建项目。当您准备发布您的应用程序时，运行以下命令：

   npm run build

   这将生成一个可用于发布的构建文件夹。您可以将其上传到服务器或部署到任何托管服务上。
8. 管理项目。您可以使用Vue CLI提供的命令来管理您的项目，例如添加插件、运行测试等。要查看可用的命令，请运行：

   vue --help

   三、在Vue CLI项目中调用命令
   在Vue CLI项目中，可以使用@vue/cli-service安装的vue-cli-service命令来执行各种任务。您可以在package.json中的scripts部分定义自己的脚本命令，或在终端中使用以下格式调用它们：
9. 使用npm运行脚本命令：

   npm run <script-name>

   将<script-name>替换为您在package.json中定义的脚本名称。例如，如果您有一个名为build的脚本，可以运行：

   npm run build

10. 使用./node_modules/.bin/vue-cli-service运行命令：
    您还可以使用以下格式在终端中直接调用vue-cli-service命令：

    ./node_modules/.bin/vue-cli-service <command> <arguments>...