我们在vue在组件中以及js文件中经常会应用src目录下的一些文件或者资源,最常见的办法就是一层一层的../../去转出文件夹寻找所需资源所在的路径。
可以通过设置一个标识来代表src目录 之后需要到src目录下应用资源书写路径可以直接通过标识/来查询 下列就是设置代码:
我们首先新建一个文件根目录下新建一个文件jsconfig.json 在内写以下代码:
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": ["node_modules", "dist"]
}
如果需要在css的样式中也要使用标识 需要在前面加个~符号 例如: ~@ (此处@作为src标识符)