npm install element-plusicons-vue按需引入

要按需引入 @element-plus/icons-vue，可以按照以下步骤进行操作：

首先，确保你已经安装了 Element Plus 组件库。如果还没有安装，可以运行以下命令进行安装：

npm install element-plus

确保你的项目支持按需引入。如果你使用的是 Vue CLI 创建的项目，一般已经支持按需引入。你可以检查 babel.config.js 文件是否有类似以下的配置：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    // 其他插件
    [
      'component',
      {
        libraryName: 'element-plus',
        styleLibraryName: 'theme-chalk'
      }
    ]
  ]
}

接下来，你需要在需要使用 @element-plus/icons-vue 的组件中按需引入所需的图标。例如，如果你需要使用 ElIcon 组件，你可以在组件文件中添加以下代码：

import { ElIcon } from 'element-plus'
import 'element-plus/lib/theme-chalk/icon.css'

export default {
  components: {
    ElIcon
  }
}

现在，你就可以在组件中使用 ElIcon 组件了。例如：

<template>
  <div>
    <el-icon name="el-icon-edit"></el-icon>
  </div>
</template>

这样就完成了按需引入 @element-plus/icons-vue 的操作。记得根据你的具体需求引入对应的图标组件