Vue-Cli脚手架的安装和使用

**Vue-CLI 脚手架的安装和使用**

Vue-CLI 是 Vue.js 的一个官方脚手架工具，用于快速创建和管理 Vue项目。它提供了许多便捷的功能，如自动化构建、测试和部署等，使开发者能够更高效地完成项目。

**安装 Vue-CLI**

首先，我们需要在系统中安装 Node.js 和 npm（Node Package Manager），因为 Vue-CLI 是基于这些工具的。如果你已经有 Node.js 的环境，那么直接跳到下一步即可。

1. **下载并安装 Node.js**
* 到 [Node.js 官网]( 下载最新版本的 Node.js。
* 根据系统类型（Windows、macOS 或 Linux）进行安装。
2. **安装 npm**
* 如果你已经有 Node.js 的环境，那么 npm 已经随之安装好了。如果没有，请按照上一步的指示安装 Node.js 后，npm 也会被安装。
3. **全局安装 Vue-CLI**
* 打开终端或命令提示符，输入以下命令：

bashnpm install -g @vue/cli

* 等待安装完成，这可能需要几分钟时间。

**使用 Vue-CLI**

现在，我们已经成功安装了 Vue-CLI。下面我们将一步步地学习如何使用它来创建和管理 Vue项目。

### 创建新项目1. **打开终端或命令提示符**
2. **输入以下命令，创建一个新的 Vue项目**

bashvue create my-project

* 这会启动一个交互式菜单，让你选择项目的配置选项，如下图所示：

? Please pick a preset:
 Default (Vue3) >>
 Default (Vue2) >>
 Manually select features

*选择 "Manually select features"，然后继续。
3. **选择需要的功能**

bash? Check the features needed for your project:
 Babel, TypeScript, Vue Router, Vuex, CSS Pre-processors, Linter, PWA, Testing, E2E Testing

* 根据你的需求选择相应的选项。

### 运行项目1. **切换到项目目录**

bashcd my-project

2. **安装依赖**

bashnpm install

3. **启动开发服务器**

bashnpm run serve

* 这会在浏览器中打开你的 Vue项目。

### 构建和部署1. **构建生产环境代码**

bashnpm run build

2. **部署到线上环境**

bashnpm run deploy

**总结**

Vue-CLI 是一个强大的工具，帮助开发者快速创建和管理 Vue项目。通过本文的指引，你已经学会了如何安装和使用 Vue-CLI 来创建、运行和部署 Vue项目。如果你有任何问题或需要更多信息，请随时联系我。

**参考**

* [Vue.js 官网]( />* [Vue-CLI 文档](