在vscode中配置@路径语法提示

1.什么是@路径首先在vue-cli的组件中使用某个文件或其他组件的方法是一层一层的引用，比如：../././src，此时会有很多层，以至于开发人员搞不清路径，这时就用到@路径了，@路径以src目录为根目录开始查找，方便了很多，比如：@/components/left.vue2.配置@语法提示在这里提一下，@路径的根目录是src目录，这是vue-cli自动配置好的，无需开发人员手动配置。配置@语法

hobbies.

3467人浏览 · 2021-11-28 18:44:21

hobbies. · 2021-11-28 18:44:21 发布

1.什么是@路径
首先在vue中使用某个文件或其他组件的方法是一层一层的引用，比如：../././src，此时会有很多层，以至于开发人员搞不清路径，这时就用到@路径了，@路径以src目录为根目录开始查找，方便了很多，比如：@/components/left.vue
2.配置@语法提示
在这里提一下，@路径的根目录是src目录，这是vue-cli自动配置好的，无需开发人员手动配置。
配置@语法提示，首先安装Path Autocomplete插件在这里插入图片描述
之后在settings.json文件中把这段代码复制进去

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

此时，就有@路径语法提示。

import Right from '@/components/Right.vue'

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^