vscode 路径自动补全插件 Path Autocomplete

1. 安装  Path Autocomplete 插件

2. 设置中配置

 "path-autocomplete.pathMappings": {
    "@": "${folder}/src/",
    "@views": "${folder}/src/views/",
  }

3. 在项目中添加 jsconfig.json 文件

{
  // 配置 @ 路径
  "compilerOptions": {
    "target": "esnext", // define to your liking
    "baseUrl": "./", // 根路径
    // 配置
    "paths": {
      "@/*": ["src/"], 
      "@views*": ["src/views/"],
    }
  },
  "exclude": ["node_modules"] // Optional
}

4. 使用

// 引入文件
import { logout } from '@/api/allAreaInfoList'

// html


// css， 需要前面加上 ~ 
background: url('~@/assets/images/404.png');

 

VUE别名配置