vue文件夹中的node_modules显示灰色

在vue项目中，如腊侍果"node_modules"文件夹显示灰色，通常是因为该文件夹被设置为忽略。这是因为该文件夹中包含了所有安装的npm包，而这些包的轮亩吵大小很大，不适合在版本控制系统中管理。

如果您需要在项目中使用这些包，您可以打开.gitignore文件，并删除对node_modules文件夹的忽略设置。随后，您应该提交更改，以确保该文件夹在版本控制系统中被正确管理。

如果您不需要该文件夹，可以保持其忽略状态，不耐笑必做任何 *** 作。

近日因开发的项目变得越来越大，导致项目使用的svg-icon越来越多，液桐所以想要制作一个页面来显示目前闹扒坦引入的所有svg-icon，方便查找与使用。

不过在网上搜索了一下，发现并没有人提出或者解决这个问此辩题，因此自己动动手解决了这个问题，在这里把这个解决方法记录一下：

至于如何引入svg-icon并且使用，我就不多费口舌介绍。

有疑问可以参考这个文章： 优雅使用 icon svg 图标

只要在计算属性computed里输出icons数组，通过require.context().keys()返回文件夹下所有的icons图标即可：

附：

require.context 接收以下三种参数

directory {String} -读取文件的路径

useSubdirectories {Boolean} -是否遍历文件的子目录

regExp {RegExp} -匹配文件的正则

如果是新手 你可衫袜以 安装一下vue-cli

官网有教程

看看他那个目录的结构 有个router文件夹 里面或咐激有个index,js 基本上路由跳转都在简巧这里

components里面写的是组件

main.js是运行项目首先要访问的文件

---