Vue脚手架——Vue-cli的安装和使用

Vue CLI（脚手架）是一个用于快速搭建 Vue.js 项目的官方命令行工具。它提供了项目初始化、开发服务器、构建等功能，使你能够更轻松地开始和管理 Vue 项目。下面是在命令行中安装和使用 Vue CLI 的步骤：

1. 安装 Node.js： 首先，确保你的计算机上安装了 Node.js。你可以在 Node.js 上下载并安装最新版本的 Node.js。

2. 安装 Vue CLI： 在终端或命令行界面中运行以下命令来全局安装 Vue CLI。

npm install -g @vue/cli

3. 检查Vue CLI：要检查是否已经安装了 Vue CLI，你可以在命令行中运行以下命令：

vue --version

4. 创建新项目： 创建一个新的 Vue 项目，进入你希望项目保存的目录，然后运行以下命令：

vue create my-project

这将启动一个交互式的命令行界面，你可以根据提示来配置项目的各种选项，如预设、特性等。你可以选择默认配置，也可以手动选择配置。

5. 进入项目目录： 项目创建完成后，进入项目目录：

cd my-project

6. 启动开发服务器： 在项目目录中，运行以下命令来启动开发服务器：

npm run serve

这将编译项目并启动一个开发服务器，你可以在浏览器中访问 http://localhost:8080 来预览项目。

7. 构建项目： 在开发完成后，你可以使用以下命令来构建生产版本的项目：

npm run build

构建完成后，你会在项目目录中的 dist 文件夹中找到构建好的文件。

以上是使用 Vue CLI 创建和运行项目的基本步骤。Vue CLI 提供了丰富的命令和选项，以及插件系统，让你能够轻松地扩展和定制项目的开发环境。你可以通过 vue --help 命令来查看所有可用的命令和选项。