在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也是一个技术活,代码不规范,注释不完整,亲人两行泪。。
以上

Logo

前往低代码交流专区

更多推荐