ZGame

vue 3.0 vite vscode ide 提示反应很慢

  •  
  •   ZGame · Jul 2, 2024 · 5289 views
    This topic created in 859 days ago, the information mentioned may be changed or developed.

    问下整个有啥办法排查吗 是插件的问题还是?

    41 replies  •  2024-07-03 09:21:36 +08:00
    songray
    songray
    Jul 2, 2024
    1
    1. 有没有用 wsl.
    2. 项目规模, 如果是那种 100+个.vue 的项目, 卡是正常的, vue official (lsp) 做的很烂.
    3. 同时可以检查一下 tsconfig, 记得设置 skiplib
    gitdoit
    gitdoit
    Jul 2, 2024❤️3
    2
    可能是 vue 官方 2.x 插件的问题 可以去看看他们仓库的 issue 列表, 都是你这个症状
    crocoBaby
    crocoBaby
    Jul 2, 2024
    3
    我也遇到了,而且很多组件不能高亮
    LuckyLauncher
    LuckyLauncher
    Jul 2, 2024❤️3
    4
    该说不说,vue 的语法提示、浏览器 devtool 做的都很烂
    dumbass
    dumbass
    Jul 2, 2024
    5
    volar 变成 vue 插件了,感觉越来越差了😪
    dumbass
    dumbass
    Jul 2, 2024
    6
    @bojackhorseman 毕竟不像 react 是 ts 亲儿子。隔几分钟就得 reload window 一下
    fgt1t5y
    fgt1t5y
    Jul 2, 2024
    7
    使用 1.8.27 这个版本会正常一点
    x007xyzabc
    x007xyzabc
    Jul 2, 2024
    8
    是的,卡死
    wusheng0
    wusheng0
    Jul 2, 2024 via Android
    9
    插件问题搞得不想用 vue 了
    realJamespond
    realJamespond
    Jul 2, 2024
    10
    @wusheng0 哈哈,16 年开始转前端,开始用的是 vue ,17 年就转 react 了一直到现在
    LandCruiser
    LandCruiser
    Jul 2, 2024
    11
    这些东西都是用爱发电的,做的不行很正常。
    lovelyxiaod
    lovelyxiaod
    Jul 2, 2024
    12
    我也是, 我们公司还是内网虚拟机开发, 机器性能更差, 项目又大, ts 等同于残废. 兄弟们有好的优化方法记得回复一下, 多谢了.
    bestie
    bestie
    Jul 2, 2024
    13
    是的,我用也反应慢,而且有个很蛋疼的问题。如果一个 vue 文件,在里面新增一个 script setup 标签,那么这个文件里面的高亮会完全错乱失效,代码提示也会失效,只能 reload window 或者关闭编辑器重启才会恢复。
    17681880207
    17681880207
    Jul 2, 2024
    14
    vscode 写 vue ,函数变量经常无法点击跳转,平均半小时或者每次新增文件之后 reload window 一下是常态了。
    关键是我发现现在连 webstorm 也不行了...
    coolfan
    coolfan
    Jul 2, 2024
    15
    新增文件后引用不到的话,去 tsconfig.app.json 文件里按一下 ctrl + S 就行🤣
    zogwosh
    zogwosh
    Jul 2, 2024
    16
    不仅如此,你增加 package.json 的依赖,volar 的性能也会变差,比如 element,icon.
    就连 webstorm 改用 volar 了以后,性能也变得很差.
    已经不想写 vue 了,vue 是好框架但是开发体验太差
    0IuL7w7X5K2HJxZf
    0IuL7w7X5K2HJxZf
    Jul 2, 2024
    17
    插件本身不行,问题多,有时候还有有奇奇怪怪的问题,就只有重开 vscode ,隔两三个小时重开一次都快成习惯了。
    FlyBearX
    FlyBearX
    Jul 2, 2024
    18
    https://roadmap.sh/
    这个网站就是学习路线了
    你可以参考学习
    FlyBearX
    FlyBearX
    Jul 2, 2024
    19
    @FlyBearX 回复错了,不好意思
    lisongeee
    lisongeee
    Jul 2, 2024
    20
    使用 vue/tsx 能解决你的问题,但是没有模板编译优化,而且各种指令和插槽也不太好写
    mrwangjustsay
    mrwangjustsay
    Jul 2, 2024
    21
    同
    doommm
    doommm
    Jul 2, 2024
    22
    卡的时候我一般会 restart vue language server + restart ts server
    wetyq
    wetyq
    Jul 2, 2024
    23
    建议暂时换 WebStorm 解决
    samnya
    samnya
    Jul 2, 2024
    24
    webstorm 里面也运行这个,好慢
    ![png]( https://s2.loli.net/2024/07/02/9DrfzG7HSLNcP8O.png)
    clandyuki
    clandyuki
    Jul 2, 2024
    25
    楼上看到新建文件 ts 失效需要 reload window 我还以为是我自己的问题,没想到是官方问题
    yuuko
    yuuko
    Jul 2, 2024
    26
    为什么发到 react 下面😆
    yuuko
    yuuko
    Jul 2, 2024
    27
    很多人说什么 react 是 ts 亲儿子,其实是因为 jsx/tsx 是 js/ts 一个扩展,但是 vue 不是
    Dragonphy
    Dragonphy
    Jul 2, 2024
    28
    @wusheng0 #9 这种 HTML 结构的解析都挺麻烦的,除非你只写 TSX 。
    CHTuring
    CHTuring
    Jul 2, 2024
    29
    无解,Valor 的问题,永远都不可能好。
    orionnnnn
    orionnnnn
    Jul 2, 2024
    30
    @17681880207 如果 vscode 使用的是`Vue - Official`插件,那么需要在项目下新增`tsconfig.json`,配置之后跳转丝滑。配置参考如下。
    ```json
    {
    "compilerOptions": {
    "target": "ESNext",
    "lib": ["DOM", "ESNext"],
    "baseUrl": ".",
    "module": "ESNext",
    "moduleResolution": "node",
    "paths": {
    "@/*": ["src/*"]
    },
    "resolveJsonModule": true,
    "types": ["vite/client"],
    "allowJs": true,
    "strict": true,
    "strictNullChecks": true,
    "noUnusedLocals": true,
    "outDir": "./dist",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "isolatedModules": false,
    "skipLibCheck": true
    },
    "exclude": ["dist", "node_modules"]
    }
    ```
    yanqing07
    yanqing07
    Jul 2, 2024
    31
    @LuckyLauncher #4 最近的 devtool ,开一阵子就无响应了。不知道它代码更新了什么,以前用的还是好好的。
    LandCruiser
    LandCruiser
    Jul 2, 2024
    32
    @yanqing07 去应用商店下另一个版本就行,就是有 bug ,然后维护 devtools 的那个人没钱拿,前段时间打算不干了,不过最近好像拿到钱又开始干了,但是修复一时半会是修复不了的。
    delta1035
    delta1035
    Jul 2, 2024
    33
    卡的受不了
    yanqing07
    yanqing07
    Jul 2, 2024
    34
    @LandCruiser #32 呃。。。原来不是官方去维护的 devtools 。果然,还是用 react 比较省心
    LandCruiser
    LandCruiser
    Jul 2, 2024❤️1
    35
    @yanqing07 是 vue 团队的人啊,他们也不是有固定工资的,有人赞助就有。
    ltmst
    ltmst
    Jul 2, 2024
    36
    额啊,上次在一个群里问 vscode 开发 vue 提示慢的问题
    然后都说不慢,我还以为是我的问题
    xntzmk
    xntzmk
    Jul 2, 2024
    37
    @songray 用 wsl 会好很多么
    wusheng0
    wusheng0
    Jul 2, 2024 via Android
    38
    @LandCruiser 不理解。祖师爷都开上兰博基尼了,周边还维护不好。那个插件也是,挂在官方下面,结果作者说是个人维护。
    wusheng0
    wusheng0
    Jul 2, 2024 via Android
    39
    @wusheng0 邻居的车,当我没说
    LandCruiser
    LandCruiser
    Jul 3, 2024
    40
    @wusheng0 怎么说呢,vue 主要是中文群体在用,这个群体的生存压力要比英语群体大的多得多,没时间搞很正常。
    suyuyu
    suyuyu
    Jul 3, 2024
    41
    高亮都能错,且语法错误右下角马上弹窗插件就挂了必须重载。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   513 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 96ms · UTC 20:03 · PVG 04:03 · LAX 12:03 · JFK 15:03
    ♥ Do have faith in what you're doing.