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版本重启后解决

总结

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

相关文章

  • VUE watch监听器的基本使用方法详解

    VUE watch监听器的基本使用方法详解

    这篇文章主要介绍了vue使用watch监听器的基本使用方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-10-10
  • 解决安装arco-design-pro-vue失败问题

    解决安装arco-design-pro-vue失败问题

    这篇文章主要为大家介绍了解决安装arco-design-pro-vue失败的问题方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • Vue中在新窗口打开页面及Vue-router的使用

    Vue中在新窗口打开页面及Vue-router的使用

    这篇文章主要介绍了Vue中在新窗口打开页面 及 Vue-router的使用,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • vue3源码剖析之简单实现方法

    vue3源码剖析之简单实现方法

    源码的重要性相信不用再多说什么了吧,特别是用Vue 框架的,一般在面试的时候面试官多多少少都会考察源码层面的内容,下面这篇文章主要给大家介绍了关于vue3源码剖析之简单实现的相关资料,需要的朋友可以参考下
    2021-09-09
  • Vue Antd table组件实现服务端排序方式

    Vue Antd table组件实现服务端排序方式

    这篇文章主要介绍了Vue Antd table组件实现服务端排序方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-03-03
  • vue 清空input标签 中file的值操作

    vue 清空input标签 中file的值操作

    这篇文章主要介绍了vue 清空input标签 中file的值操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vue2 使用@vue/composition-api依赖包 编译、打包各种报错问题分析

    vue2 使用@vue/composition-api依赖包 编译、打包各种报错问题分析

    由于package.json 文件中 vue、vue-template-compiler 版本号前面 多了个 ^ 导致实际导入时,node_module中的 vue 版本可能被升级为 2.7.x,这篇文章主要介绍了vue2 使用@vue/composition-api依赖包 编译、打包各种报错问题分析,需要的朋友可以参考下
    2023-01-01
  • vue如何读取本地文件

    vue如何读取本地文件

    这篇文章主要介绍了vue如何读取本地文件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue中el-table和jsplumb实现连线功能

    vue中el-table和jsplumb实现连线功能

    本文主要介绍了el-table和jsplumb实现连线功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • vue实现简单计算商品价格

    vue实现简单计算商品价格

    这篇文章主要为大家详细介绍了vue实现简单计算商品价格,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09

最新评论