图标选择器之批量复制阿里云图标名称和图标代码

在项目中需要做一个图标选择器，使用的是阿里云图标，所以需要复制阿里云项目里的全部图标名称和图标代码…一个项目中有几十甚至上百个图标，一个个复制会很费劲 O__O "…

1. F12打开控制台粘贴以下代码并回车

//图标代码
let icon = document.querySelectorAll('.icon-item >.icon-code-show');
//图标名
let name =document.querySelectorAll('.icon-item >.icon-name');
let p =[]
for (var i = 0 ; i < icon.length; i++) {
//数组这可以拼成自己想要的任意格式
p.push({
          name: name[i].innerHTML,
          iconname: icon[i].innerHTML,
        })
}
console.log(p) 

2.在打印出的结果上右键复制数组

效果如下：

注：
图标得加入到“我的项目”中，也就是能复制代码的状态

附：vuecli通过symbol引用阿里iconfont图标使用介绍