vscode路径自动补全|极客教程

vscode路径自动补全

在使用Visual Studio Code（以下简称VSCode）进行编码时，经常会遇到需要输入文件路径的情况，但是有时候路径较长或者层级较深，我们可能会记不清楚或者输入错误。这时候就可以利用VSCode提供的路径自动补全功能来帮助我们快速定位到想要的文件或目录。

什么是路径自动补全

路径自动补全是指在输入文件路径时，编辑器会根据已经输入的部分路径进行匹配，并给出可能的路径建议，使我们在输入路径时能够更加方便和快速地完成输入。

如何使用路径自动补全功能

在VSCode中，路径自动补全功能默认是开启的，当我们输入一个路径时，编辑器会根据当前工作目录下的文件和文件夹来进行匹配。当我们输入路径的过程中按下Tab键，编辑器会根据已经输入的路径自动完成剩余部分，从而减少输入的工作量和提高输入的准确性。

下面是一个简单的示例，在VSCode中打开一个项目文件夹，假设项目结构如下：

project
|—— src
|   |—— index.js
|—— dist
|—— public
|   |—— index.html

当我们需要在index.js中引入index.html时，可以按照以下步骤进行操作：

在index.js文件中输入引入语句：

import './public/index.html';

输入路径的过程中，当输入./public/i时，按下Tab键，编辑器会自动补全成./public/index.html。

这样，我们就可以快速准确地输入路径，而不必担心路径的繁琐和错误。

除了在JavaScript等代码文件中使用路径自动补全外，我们在编辑器中的任何地方输入路径时都可以使用路径自动补全功能，比如在终端中输入路径、在设置中配置路径等。

配置路径自动补全

在某些情况下，我们可能需要配置路径自动补全功能的相关参数，以使自动补全功能更加符合我们的需求。在VSCode中，我们可以借助一些插件或者设置来进行路径自动补全相关配置。

插件

VSCode提供了一些扩展插件，可以帮助我们更多地定制路径自动补全功能。比如：

Path Intellisense：这是一个流行的路径自动补全插件，可以智能提示路径和文件名，支持变量和预定义路径。

设置

除了使用插件之外，我们也可以直接在VSCode设置中配置路径自动补全相关参数。比如：

// 在设置中配置路径自动补全忽略文件
"files.exclude": {
    "**/.git": true,
    "**/.DS_Store": true
},
// 在设置中配置路径自动补全忽略文件或文件夹
"files.autoExclude": {
    "**/*.js": true,
    "**/node_modules": true
}

这样，我们就可以根据自己的需要来定制路径自动补全功能，使其更符合我们的习惯和工作流程。