【Vue】day03-VueCli（脚手架）

**Vue** **day03- Vue Cli（脚手架）**

在前面的文章中，我们已经学会了如何使用 Vue CLI 来创建一个新的 Vue项目。今天我们将深入探讨 Vue CLI 的一些基本功能和配置。

### 一、什么是 Vue CLI？

Vue CLI 是 Vue.js 官方提供的一个命令行工具，用于快速创建、开发和部署 Vue项目。它可以帮助你自动化很多繁琐的工作，如创建项目结构、安装依赖包等，让你更专注于编码。

### 二、安装 Vue CLI要使用 Vue CLI，你需要先安装它。以下是安装步骤：

bash# 安装 Vue CLInpm install -g @vue/cli# 或者使用 yarn 安装yarn global add @vue/cli

### 三、创建一个新项目下面是如何使用 Vue CLI 创建一个新的 Vue项目的示例：

bash# 使用 Vue CLI 创建一个新项目vue create my-project# 或者使用 vue-cli-service 来创建一个新项目npx vue create my-project

在上面的命令中，`my-project` 是你的项目名称。

### 四、配置 Vue CLIVue CLI 提供了很多配置选项，让你可以根据自己的需求来定制它。以下是如何配置 Vue CLI 的示例：

bash# 使用 Vue CLI 配置一个新项目vue config# 或者使用 vue-cli-service 来配置一个新项目npx vue config

在上面的命令中，你会看到一个交互式菜单，允许你选择各种配置选项。

### 五、Vue CLI 的基本功能Vue CLI 提供了很多基本功能，让你可以快速创建和开发 Vue项目。以下是其中一些基本功能：

####1. 创建项目结构Vue CLI 可以帮助你自动化创建项目结构的工作，如创建 `src` 目录、安装依赖包等。

bash# 使用 Vue CLI 来创建一个新项目vue create my-project# 或者使用 vue-cli-service 来创建一个新项目npx vue create my-project

####2. 安装依赖包Vue CLI 可以帮助你自动化安装依赖包的工作，如安装 `vue`、`vuex` 等。

bash# 使用 Vue CLI 来安装依赖包npm install --save-dev @vue/cli-plugin-eslint# 或者使用 yarn 来安装依赖包yarn add @vue/cli-plugin-eslint --dev

####3. 运行项目Vue CLI 可以帮助你自动化运行项目的工作，如启动开发服务器等。

bash# 使用 Vue CLI 来运行一个新项目npm run serve# 或者使用 yarn 来运行一个新项目yarn serve

### 六、总结在本文中，我们学习了如何使用 Vue CLI 来创建一个新的 Vue项目，配置 Vue CLI 的基本功能，以及如何使用 Vue CLI 来安装依赖包和运行项目。希望这篇文章能够帮助你快速上手 Vue CLI，并且让你更专注于编码。

### 七、参考资料* [Vue CLI 官方文档]( />* [Vue CLI GitHub仓库](