快速开始

安装

全局安装

1npm install -g ew-auto-import-tool

或者使用 yarn:

1yarn global add ew-auto-import-tool

或者使用 pnpm:

1pnpm add -g ew-auto-import-tool

直接使用 npx

也可以不安装,直接使用 npx 运行:

1npx ew-auto-import-tool

基本使用

在 Vue 项目根目录下运行:

1ew-auto-import-tool

工具将引导您选择组件库并自动完成配置。

指定组件库

您可以通过命令行参数指定要配置的组件库:

1ew-auto-import-tool --library element-plus

指定项目路径

默认情况下,工具会在当前目录下查找 Vue 项目。您也可以指定项目路径:

1ew-auto-import-tool --path /path/to/your/project

查看帮助

1ew-auto-import-tool --help

配置完成后

配置完成后,您需要:

  1. 重启开发服务器
  2. 在组件中直接使用组件,无需手动导入

例如:

1<template>
2  <el-button type="primary">按钮</el-button>
3  <el-input placeholder="请输入内容"></el-input>
4</template>
5
6<script setup lang="ts">
7// 无需手动导入组件
8</script>

下一步