vscode 开启对 webpack alias(文件别名) 引入的智能提示

在webpack项目中,我们经常会设置alias来引入文件,避免文件路径写的过长过深,但是使用alias的时候会发现路径和函数的智能提示不见了,如果路径名称很复杂的话很容易写错而且也不方便。
在vue 项目中,我们经常这样设置

chainWebpack: config => {
	 config.resolve.alias
      .set("@", resolve("src"))
}

将src目录别名设置为@,为了能够有智能提示,我们可以在项目根目录下新建一个 jsconfig.json文件,文件位置如下:
jsconfig.json
在该文件中写入对应的配置:

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

这样,在import someThing from '@/common’的时候我们的智能提示又回来了。nice。

更多的设置可以查看vscode官方文档

写好JSDoc也是一个技术活,代码不规范,注释不完整,亲人两行泪。。
以上

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值