【VSCode常用插件】Path Autocomplete（@路径提示的插件）

battledao eternity

已于 2022-05-02 17:38:16 修改

阅读量1.4w

点赞数 65

分类专栏： VSCode 文章标签： vscode vue

于 2022-04-10 06:00:00 首次发布

本文链接：https://blog.csdn.net/battledao/article/details/123853872

版权

VSCode 专栏收录该内容

1 篇文章 3 订阅

订阅专栏

前言	❤️ 在路上，见识世界；在途中，认清自己 ❤️

【VSCode常用插件】Path Autocomplete（@路径提示的插件）

一、安装教程

在这里插入图片描述

二、设置教程

（1）在vscode设置打开 settings.json

在这里插入图片描述

（2）在 settings.json 中添加如下代码

//导入文件时是否携带文件的扩展名
"path-autocomplete.extensionOnlmport": true,
//配置@的路径提示
"path-autocomplete.pathMappings": {
	"@": "${folder}/src"
}

（3）效果图展示

在这里插入图片描述

😆温馨提醒😆：一定要在VScode中直接打开项目文件夹，否则设置的则不生效哦 ❗️ ❗️

三、总结

😝 我会坚持一直更新呢！喜欢的朋友们记得点点赞哦！有问题的小伙伴可以在下面评论区留言哦！ 😝

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

battledao eternity

关注关注

65
点赞
踩
65

收藏

觉得还不错? 一键收藏
打赏
36
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

path-autocomplete:Visual Studio代码的路径自动完成

05-23

Visual Studio代码的路径自动完成提供Visual Studio代码的路径完成。特征它支持相对路径（以./开头）它支持工作空间的绝对路径（以/开头）它支持文件系统的绝对路径（以C：开头）它支持相对于用户文件夹的路径（以〜开头）它支持部分路径（./tmp/fol将建议./tmp/folder1（如果存在））它通过path-autocomplete.excludedItems选项支持项目排除它支持npm软件包（以az开头，而不是相对于磁盘）选择文件夹后支持自动建议它通过path-autocomplete.pathMappings选项支持自定义映射它支持通过path-autocomplete.transformations对插入的文本进行自定义转换它使用path-autocomplete.useBackslash支持Windows路径安装您可以

VScode 路径自动补全插件： Path Autocomplete、Path Intellisense

最新发布

每一篇博客都是对自己技术的沉淀

08-22

2824

功能：在服务器端打开你的文件，实时显示你修改的代码，支持websocket 消息服务，可以用于调试websocket 客户端；使用：选中行，Ctrl+Shift+p 输入翻译，键入 ctrl+`再按下 ctrl+1 为翻译直接替换选中区域。1.自动补全，跳转至样式和变量定义位置，创建 JSX/TSX 的行内样式，预览样式及变量内容，功能：常用于读源码进行标记行，跳转（代码标记快速跳转）功能：智能提示代码，可以预测你将要写的代码进行提示。功能：项目管理插件，当开发多个项目时，可以快速跳转。

VScode路径提示插件Path Intellisense

m0_62956385的博客

07-30

7463

VScode路径提示插件Path Intellisense

VS code配置path autocomplete插件

moranxiao199的博客

04-04

3729

为vue项目配置path autocomplete拓展插件

75，小红书后端面试

m0_58269070的博客

04-14

575

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

Vue2-在VScode中配置@路径提示的插件

tq040626的博客

07-07

552

1、安装插件 Path Autocomplete。

layui自动填充插件autocomplete.rar

07-20

在layui中，"autocomplete"是一款自动填充插件，常用于输入框，提供智能提示功能，提高用户输入效率。这款插件适用于各种需要自动补全场景，如搜索框、表单填写等。在layui的autocomplete插件中，主要涉及以下知识...

基于bootstrap插件实现autocomplete自动完成表单

09-02

总之，通过利用Bootstrap的autocomplete插件，我们可以轻松地在Web表单中实现智能提示和自动完成功能，提高用户输入的效率和准确性。理解并掌握这些基本参数和回调函数的使用，将有助于我们在实际项目中灵活应用这一...

jquery插件autocomplete用法示例

10-22

在页面加载完成后，即$(document).ready()方法中，可以初始化autocomplete插件，并指定后台数据的加载路径。代码如下： ```javascript $(document).ready(function(){ var kw = ""; $("#kw").blur(function(){ ...

VSCode必备插件！快看过来！

qq_50260510的博客

08-27

2万+

同学同学，你是不是也很头疼VSCode不知道安装什么插件啊？尤其是萌新小白，更是一头雾水，那就快来一起看看吧~

在VScode中配置@路径提示

yy_demo的博客

06-16

2385

可以在目录看一下是否有webpack.config.js文件或者是vue.config.js文件，需要先配置一下如下代码。默认情况下使用@选择路径是没有提示的，但是这在我们选择路径的时候非常不方便，我们可以配置一下，下面是具体的步骤。可以用快捷键Ctrl+shift+p快捷键搜索setting.js,去配置代码片段。完成以上三步，你就可以到自己的代码中测试一下效果了。

vs code路径提示插件

m0_73461567的博客

02-02

271

vue中的路径提示，下载插件并在设置json文件中添加配置。

在Vs-Code中配置“@”路径提示的插件

weixin_45118229的博客

08-10

1906

在使用VS-Code打开VUE时，想使用@语法从src根目录导入一个文件的路径，默认情况下是无法自动提示下一级的路径的。这样很容易产生路径书写的错误。

vscode 设置提示 @ 路径和 ~@ 路径、使用 prettier 一直把大写的PX转换成小写解决办法、ctrl+c 结束终端老是提示 Terminate batch job (Y/N)?

PBitW的博客

05-17

2020

vscode 设置提示 @ 路径和 ~@ 路径 vscode 使用 prettier 一直把大写的PX转换成小写解决办法 vscode 使用 ctrl+c 结束终端老是提示 Terminate batch job (Y/N)?

推荐几款可以大幅提高开发效率的vscode插件

积少成多

06-14

3414

vscode插件，可大幅提高开发效率

Path Autocomplete和vsCode自带路径补全冲突怎么办

07-17

如果在使用 VS Code 时，Path Autocomplete 和 VS Code 自带的路径补全功能发生冲突，你可以尝试以下解决方法： 1. 禁用 VS Code 自带的路径补全功能：在 VS Code 的设置中搜索 "path autocompletion"，然后将该选项禁用。这样可以确保只使用 Path Autocomplete 插件提供的路径补全功能。 2. 调整快捷键绑定：如果冲突是由于快捷键冲突引起的，你可以尝试修改其中一个插件的快捷键绑定。打开 VS Code 的设置，搜索 "keybindings"，然后找到与路径补全相关的快捷键设置并进行修改。 3. 禁用冲突的插件：如果以上方法无效，你可以选择禁用其中一个插件。在 VS Code 中，按下 Ctrl+Shift+X 打开插件面板，找到冲突的插件并禁用它。 4. 使用其他路径补全插件：如果以上方法都无效，你可以尝试使用其他的路径补全插件，以避免冲突。在 VS Code 的插件市场中搜索并安装其他路径补全插件，然后禁用冲突的插件。希望这些方法能够帮助你解决路径补全冲突问题！如果还有其他问题，请随时提问。