127-Vue中“@/”路径提示配置

最新推荐文章于 2024-05-30 10:30:00 发布

原创最新推荐文章于 2024-05-30 10:30:00 发布 · 1.2k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vscode #ide #编辑器

收录于

前端基础知识同时被 2 个专栏收录

75 篇文章

订阅专栏

VScode

6 篇文章

订阅专栏

本文介绍了如何在VScode中安装PathIntellisense插件，通过设置@/快速访问路径并创建jsconfig.json文件，配置项目文件结构，以便更高效地管理源代码。

先看效果：

在输入路径的时候，输入“@/”可以带出所有的路径地址。

在VScode中安装 Path Intellisense插件

打开设置 - 首选项 - 搜索 Path Intellisense - 打开 settings.json ，添加：

"path-intellisense.mappings": {
     "@": "${workspaceRoot}/src"
 }

在项目 package.json 所在同级目录下创建文件 jsconfig.json：

粘贴以下代码：

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true,
        "baseUrl": "./",
        "paths": {
          "@/*": ["src/*"]
        }
    },
    "exclude": [
        "node_modules"
    ]
}

保存即可！