vue学习笔记:在vscode中使用@提示路径

在Visual Studio Code (VSCode) 中,通过安装'PathAutocomplete'插件,可以轻松实现输入'@/'后自动提示路径的功能,避免手动输入时的错误。安装插件后,只需在设置中配置相关参数,如将'@'映射到项目源码目录,即可启用智能提示。这极大地提高了开发者导入文件的效率和准确性。

在vscode中输入“@/"后如果可以智能提示路径,可以有效防止路径名称输入错误,减少不必要的麻烦。效果如下图所示:

安装"Path Autocomplete"插件后可以实现路径的智能提示,步骤如下:

1、在vscode中查找Path Autocomplete插件

2、安装插件

3、在vscode中选择“文件-首选项-设置”,在设置页面右上角点击图标打开settings.json配置文件

 

 

4、在配置文件中添加如下代码在

    //导入文件时是否携带文件扩展名
    "path-autocomplete.extensionOnImport":true,
    "path-autocomplete.pathMappings":{
        "@":"${folder}/src"
    },

 

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值