vscode配置@路径提示方式,并解决vue文件内失效的问题

 更新时间:2023年10月13日 10:07:17   作者:shaco223  
这篇文章主要介绍了vscode配置@路径提示方式,并解决vue文件内失效的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vscode配置@路径提示并解决vue文件内失效

1.安装插件

Path Intellisense插件;

2.插件设置

3.添加设置

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

4.在package.json所在同级目录

下创建jsconfig.json:

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

5.重启vscode

重启vscode

6.事后发现

@ 路径提示只在 js 文件中提示

vue文件中不提示!

7.解决办法

安装1.4.2版本重启后解决

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue3双向绑定实现原理解读

    vue3双向绑定实现原理解读

    这篇文章主要介绍了vue3双向绑定实现原理解读,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue-router实现组件间的跳转(参数传递)

    vue-router实现组件间的跳转(参数传递)

    这篇文章主要为大家详细介绍了vue-router实现组件间的跳转,参数传递方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • vue-cli之router基本使用方法详解

    vue-cli之router基本使用方法详解

    这篇文章主要为大家详细介绍了vue-cli之router基本使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 详解Vue依赖收集引发的问题

    详解Vue依赖收集引发的问题

    这篇文章主要介绍了Vue依赖收集引发的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • vue2实现简易时钟效果

    vue2实现简易时钟效果

    这篇文章主要为大家详细介绍了vue2实现简易时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Ubuntu22.04使用nginx部署vue前端项目的详细教程

    Ubuntu22.04使用nginx部署vue前端项目的详细教程

    这篇文章主要给大家介绍了关于Ubuntu22.04使用nginx部署vue前端项目的详细教程,使用nginx部署前端项目是一篇非常详细的教程,旨在帮助初学者使用Nginx来部署前端项目,需要的朋友可以参考下
    2024-03-03
  • vue3 setup访问子组件的 DOM 元素的示例代码

    vue3 setup访问子组件的 DOM 元素的示例代码

    使用setup的情况下这个时候我们无法使用this,注意在setup中setup是封闭的,不会将子组件事件暴露出来,所以要用defineExpose(),这篇文章主要介绍了vue3 setup访问子组件的 DOM 元素,需要的朋友可以参考下
    2023-08-08
  • el-table表头全选框隐藏或禁用设置方法

    el-table表头全选框隐藏或禁用设置方法

    有时候我们使用el-table的选择框时,如果涉及修改、删除时,可能一次只允许用户选择一条,这样的话如果使用顶部的全选复选框就不合适了,这篇文章主要给大家介绍了关于el-table表头全选框隐藏或禁用设置的相关资料,需要的朋友可以参考下
    2023-09-09
  • vue3如何使用vant-picker封装省市二级联动

    vue3如何使用vant-picker封装省市二级联动

    这篇文章主要介绍了vue3如何使用vant-picker封装省市二级联动,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Vue2集成Lodop插件实现在线打印功能

    Vue2集成Lodop插件实现在线打印功能

    这篇文章主要为大家详细介绍了Vue2如何集成Lodop插件实现在线打印功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2025-03-03

最新评论