Vue中资源路径引用的新方法是尝试使用node.js开发项目。如果目录结构复杂，用相对路径导入就麻烦了。Vue引入了@alias引用，简化了引用路径的描述。但是IDE对@alias的支持不是很好，你可以点击链接到图元文件。但是到目前为止，我还没有找到一个配置可以让IDE分析@引用的文件。因此，导入的内容无法直接定位到源文件中。经过一段时间的摸索。贴出一个新的方法，但是我不是专职前端，所以不知道这个方法是否合理。步骤如下：1.把srcnpminit变成库，很简单。进入项目的src，一步步执行npminit即可。2.将src库链接到项目的node_modules进入项目的根node_modules，执行ln-s../../srcsrc创建软链接3修改src{"name"的package.json:"src","version":"1.0.0","description":"","main":"main.js","scripts":{"test":"echo\"错误：没有指定测试\"&&exit1"},"author":"","license":"ISC","dependencies":{"src":"file:src"}}"src":"file:src"这是一个很重要的正则依赖后面是写的版本号，但是这样写要避免被远程同名仓库覆盖（这个地方需要慎重，考虑极端情况下被覆盖的概率）4使用src模块以上准备好后，可以在代码中直接导入src下的文件import'src/icons'import'src/permission'import{login,logout}from'src/api'
