默认情况下使用@选择路径是没有提示的,但是这在我们选择路径的时候非常不方便,我们可以配置一下,下面是具体的步骤
第一步:
可以在目录看一下是否有webpack.config.js文件或者是vue.config.js文件,需要先配置一下如下代码
module.exports ={
resolve: {
alias: {
'@': path.join(__dirname, './src/')
}
}
}
第二步:安装一个插件(Path Autocomplete)
第三步:
可以用快捷键Ctrl+shift+p快捷键搜索setting.js,去配置代码片段
{
//配置@的路径提示
"path-autocomplete.pathMappings": {
"@": "${folder}/src"
}
}
完成以上三步,你就可以到自己的代码中测试一下效果了