V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ZGame
V2EX  ›  Visual Studio Code

vue 3.0 vite vscode ide 提示反应很慢

  •  
  •   ZGame · 2 天前 · 2094 次点击

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

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