Vue中快捷路径的设置(src的别名)

我们在vue在组件中以及js文件中经常会应用src目录下的一些文件或者资源,最常见的办法就是一层一层的../../去转出文件夹寻找所需资源所在的路径。

可以通过设置一个标识来代表src目录 之后需要到src目录下应用资源书写路径可以直接通过标识/来查询 下列就是设置代码:

我们首先新建一个文件根目录下新建一个文件jsconfig.json  在内写以下代码:
 

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

如果需要在css的样式中也要使用标识 需要在前面加个~符号 例如: ~@ (此处@作为src标识符)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值