vue-cli 简介

Vue CLI 是 Vue.js 官方提供的脚手架工具，用于快速搭建 Vue 项目，支持项目初始化、插件管理、项目构建等功能。

官方文档

安装

推荐全局安装：

1
2
3
npm install -g @vue/cli
# 或者
yarn global add @vue/cli

查看版本：

1
vue --version

创建项目

1
vue create my-project

根据提示选择预设或手动选择配置项。

常用命令

1
2
3
4
5
6
7
8
9
10
11
# 启动开发服务器
npm run serve

# 构建生产环境代码
npm run build

# 运行单元测试
npm run test:unit

# 运行端到端测试
npm run test:e2e

配置文件

  • vue.config.js：用于自定义 webpack 配置、开发服务器、代理等。
  • .env 文件：用于定义环境变量。

插件系统

Vue CLI 支持插件扩展，可以通过以下命令添加插件：

1
vue add <plugin-name>

参考资料