vue3.0中，路径用@开头，怎么配置自动补全路径，用@替换'../../'

在vue项目中用@替换‘…/…/’

首先，我用的是vsCode开发工具，

第一步：先在扩展中找到插件 Path Intellisense并安装

第二步：配置Path Intellisense

（1）在vsCode 加粗样式文件—> 首选项—> 设置—>工作区—> 扩展—>Path Intellisense

（2）进入settings.json配置文件，未修改前如下图（根据个人配置这里的东西可能会不同哦）

修改后如下：

代码：

{
    "editor.fontSize": 18,
    "editor.tabSize": 2,
    "path-intellisense.mappings": {
        "@": "${workspaceRoot}/src"
    }
}

第三步： 在项目跟目录下，创建jsconfig.json文件

代码如下：

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

至此@替换‘…/…/’就已经完成了，在你的页面，可以直接使用：

css中背景图片路径要用 ~@