首页 前端知识 VScode中js文件可以Ctrl 鼠标单击跳转,但是.vue文件不可以

VScode中js文件可以Ctrl 鼠标单击跳转,但是.vue文件不可以

2024-04-29 11:04:36 前端知识 前端哥 235 643 我要收藏

vue3项目

jsconfig.json已配置,配置如下:

{
  "compilerOptions": {
    // "module": "commonjs",
    "baseUrl": ".",
    "paths": {
      "@*": ["./src*"]
    },
    "target": "ES6",
    "allowSyntheticDefaultImports": true
  },
  "include": [
    // "./src/**/*",
    "./src/**/*.js",
    "./src/**/*.vue",
    "./vite/plugins/auto-import.js"
  ],
  "exclude": ["node_modules"]
}

其中注释掉  "./src/**/*.js", 测试时,不可以跳到.js文件了,所以这个配置文件是生效的,只是.vue文件无法ctrl+鼠标划过蓝线跳转,好像识别不了?我到现在也不知道为什么。

其中@别名与vite.config中保持一致。

vue Peek,vue helper都装过,没解决,

volar回退过一周前、一年前的版本,也没有解决。

不过用另一种方式解决了问题

vscode插件:别名路径跳转(就是中文)

下载完并在setting.json中按它指导配置就行,实现了ctrl+鼠标蓝线跳转至.vue文件。

可是这样属于是我本地正常用,远程下载下来还是不能跳转的,哎,想用配置文件解决啊啊啊。

还有,路径不能及时排查错误,比如路径中@/api/sys等等中打错一个字,他不能检查出来,这是怎么回事啊,初步定位是配置文件的问题,解决中…


路径检查错误的问题解决了,

打开eslintrc里的这个配置,需要同时在plugin里引入import插件(应该是“eslint-plugin-import”这个插件),不引入会报错

rules: { 'import/no-unresolved': 'error', } 

plugins: [ 'vue', 'import']

。。。然后就会发现不管对不对,路径全报错了,

原因是eslint不能识别@别名和.js ,.vue文件,需要配置

配置方式:

安装插件

npm install eslint-import-resolver-alias --save-dev

然后在eslintrc中配置settings,这项配置与rules同级

settings: {
    'import/resolver': {
      alias: {
        map: [['@', './src']],
        extensions: ['.js', '.jsx', '.vue']
      }
    }
  },

别名与识别文件全配置好了,eslint可以正常检查路径是否正确了。别名跟自己系统对应。应该只能检查这三种类型吧,后续如果升级成ts,需要在extension加入相应的文件类型;见到有人出现css引入的错误,可能也需要加入.css,不过我现在还没遇到这个问题

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6271.html
标签
vscode
评论
发布的文章

@JsonCreator和@JsonValue

2024-05-05 22:05:05

Python 字符串转换为 JSON

2024-05-05 22:05:00

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!